diff --git a/src/pages/editor/components/LayersList.tsx b/src/pages/editor/components/LayersList.tsx index bbe2746..812c657 100644 --- a/src/pages/editor/components/LayersList.tsx +++ b/src/pages/editor/components/LayersList.tsx @@ -1,4 +1,21 @@ -import { Text, Shapes, Eye, EyeSlash, Copy, Trash } from 'iconsax-react' +import { + Text, + Shapes, + Eye, + EyeSlash, + Copy, + Trash, + Gallery, + Link2, + VideoSquare, + DocumentText, + ArrowLeft, + Minus, + Grid8, + Layer, + MouseSquare, + Sticker, +} from 'iconsax-react' import { useEditorStore } from '../store/editorStore' import { clx } from '@/helpers/utils' @@ -17,9 +34,27 @@ const LayersList = () => { case 'text': return case 'rectangle': - case 'image': - case 'grid': return + case 'image': + return + case 'link': + return + case 'video': + return + case 'document': + return + case 'arrow': + return + case 'line': + return + case 'grid': + return + case 'group': + return + case 'select': + return + case 'sticker': + return default: return } @@ -34,9 +69,27 @@ const LayersList = () => { case 'text': return 'متن' case 'rectangle': + return 'مستطیل' case 'image': + return 'تصویر' + case 'link': + return 'لینک' + case 'video': + return 'ویدیو' + case 'document': + return 'سند' + case 'arrow': + return 'پیکان' + case 'line': + return 'خط' case 'grid': - return 'اشکال هندسی' + return 'گرید' + case 'group': + return 'گروه' + case 'select': + return 'انتخاب' + case 'sticker': + return 'استیکر' default: return 'لایه' } diff --git a/src/pages/editor/components/sidebar/ToolsBar.tsx b/src/pages/editor/components/sidebar/ToolsBar.tsx index b5cf36f..63bea6e 100644 --- a/src/pages/editor/components/sidebar/ToolsBar.tsx +++ b/src/pages/editor/components/sidebar/ToolsBar.tsx @@ -1,6 +1,6 @@ import { clx } from "@/helpers/utils"; import { - Element, + ArrowLeft, Gallery, Grid8, MouseSquare, @@ -21,7 +21,7 @@ const tools: Array<{ icon: (color: string, variant?: "Bold" | "Outline" | "Broke { icon: (color, variant) => , tool: "image", label: "تصویر" }, { icon: (color, variant) => , tool: "link", label: "لینک" }, { icon: (color, variant) => , tool: "video", label: "ویدیو" }, - { icon: (color, variant) => , tool: "arrow", label: "پیکان" }, + { icon: (color, variant) => , tool: "arrow", label: "پیکان" }, { icon: (color, variant) => , tool: "line", label: "خط" }, { icon: (color, variant) => , tool: "sticker", label: "استیکر" }, ];