From 4a6e4594076ef5cc656baef7553fde4261e3347a Mon Sep 17 00:00:00 2001 From: Ku6epXBOCTuK Date: Sun, 8 Feb 2026 15:50:33 +0500 Subject: [PATCH] fix: change icons to use @lucide/svelte --- package-lock.json | 10 ++++++++++ package.json | 1 + src/components/image/ImageManager.svelte | 10 ++++------ src/components/layout/AppHeader.svelte | 7 +++---- src/components/panel/PreviewControls.svelte | 7 +++---- src/components/panel/PreviewManager.svelte | 9 ++++----- src/components/text/TextInlineEdit.svelte | 4 ++-- src/components/text/TextManager.svelte | 4 ++-- src/components/ui/Alignment.svelte | 10 ++++------ src/components/ui/Icons/IconAlignCenter.svelte | 6 ------ src/components/ui/Icons/IconAlignLeft.svelte | 6 ------ src/components/ui/Icons/IconAlignRight.svelte | 6 ------ src/components/ui/Icons/IconArrowLeft.svelte | 3 --- src/components/ui/Icons/IconArrowRight.svelte | 3 --- src/components/ui/Icons/IconCross.svelte | 4 ---- src/components/ui/Icons/IconDownload.svelte | 5 ----- src/components/ui/Icons/IconEdit.svelte | 14 -------------- src/components/ui/Icons/IconEmpty.svelte | 4 ---- src/components/ui/Icons/IconList.svelte | 11 ----------- src/components/ui/Icons/IconMoon.svelte | 3 --- src/components/ui/Icons/IconPlus.svelte | 4 ---- src/components/ui/Icons/IconReset.svelte | 4 ---- src/components/ui/Icons/IconSun.svelte | 11 ----------- src/components/ui/Icons/IconUnfold.svelte | 5 ----- src/components/ui/Icons/IconUpload.svelte | 5 ----- 25 files changed, 33 insertions(+), 123 deletions(-) delete mode 100644 src/components/ui/Icons/IconAlignCenter.svelte delete mode 100644 src/components/ui/Icons/IconAlignLeft.svelte delete mode 100644 src/components/ui/Icons/IconAlignRight.svelte delete mode 100644 src/components/ui/Icons/IconArrowLeft.svelte delete mode 100644 src/components/ui/Icons/IconArrowRight.svelte delete mode 100644 src/components/ui/Icons/IconCross.svelte delete mode 100644 src/components/ui/Icons/IconDownload.svelte delete mode 100644 src/components/ui/Icons/IconEdit.svelte delete mode 100644 src/components/ui/Icons/IconEmpty.svelte delete mode 100644 src/components/ui/Icons/IconList.svelte delete mode 100644 src/components/ui/Icons/IconMoon.svelte delete mode 100644 src/components/ui/Icons/IconPlus.svelte delete mode 100644 src/components/ui/Icons/IconReset.svelte delete mode 100644 src/components/ui/Icons/IconSun.svelte delete mode 100644 src/components/ui/Icons/IconUnfold.svelte delete mode 100644 src/components/ui/Icons/IconUpload.svelte diff --git a/package-lock.json b/package-lock.json index 0efdd60..2aa592e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "twitch-panels", "version": "0.0.1", "dependencies": { + "@lucide/svelte": "^0.563.1", "@types/cropperjs": "^1.1.5", "@types/uuid": "^10.0.0", "cropperjs": "^2.1.0", @@ -1135,6 +1136,15 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@lucide/svelte": { + "version": "0.563.1", + "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-0.563.1.tgz", + "integrity": "sha512-Kt+MbnE5D9RsuI/csmf7M+HWxALe57x3A0DhQ8pPnnUpneh7zuldrYjlT+veWtk+tVnp5doQtaAAxLujzIlhBw==", + "license": "ISC", + "peerDependencies": { + "svelte": "^5" + } + }, "node_modules/@playwright/test": { "version": "1.58.1", "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.58.1.tgz", diff --git a/package.json b/package.json index 2dce6c6..03bb779 100644 --- a/package.json +++ b/package.json @@ -41,6 +41,7 @@ "web-animations-js": "^2.3.2" }, "dependencies": { + "@lucide/svelte": "^0.563.1", "@types/cropperjs": "^1.1.5", "@types/uuid": "^10.0.0", "cropperjs": "^2.1.0", diff --git a/src/components/image/ImageManager.svelte b/src/components/image/ImageManager.svelte index 232c6d3..f422a4e 100644 --- a/src/components/image/ImageManager.svelte +++ b/src/components/image/ImageManager.svelte @@ -3,10 +3,8 @@ import SettingsGrid from "$components/layout/SettingsGrid.svelte"; import SettingsRow from "$components/layout/SettingsRow.svelte"; import Button from "$components/ui/Button.svelte"; - import IconEdit from "$components/ui/Icons/IconEdit.svelte"; - import IconReset from "$components/ui/Icons/IconReset.svelte"; - import IconUpload from "$components/ui/Icons/IconUpload.svelte"; import RangeSlider from "$components/ui/RangeSlider.svelte"; + import { Pencil, RotateCcw as Reset, Upload } from "@lucide/svelte"; import CropInline from "./CropInline.svelte"; let brightness = $state(100); @@ -18,9 +16,9 @@
-
diff --git a/src/components/layout/AppHeader.svelte b/src/components/layout/AppHeader.svelte index b22e0ca..30c87dd 100644 --- a/src/components/layout/AppHeader.svelte +++ b/src/components/layout/AppHeader.svelte @@ -1,7 +1,6 @@ -