layers icon

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 <Text size={20} color="black" />
       case 'rectangle':
-      case 'image':
-      case 'grid':
         return <Shapes size={20} color="black" />
+      case 'image':
+        return <Gallery size={20} color="black" />
+      case 'link':
+        return <Link2 size={20} color="black" />
+      case 'video':
+        return <VideoSquare size={20} color="black" />
+      case 'document':
+        return <DocumentText size={20} color="black" />
+      case 'arrow':
+        return <ArrowLeft size={20} color="black" />
+      case 'line':
+        return <Minus size={20} color="black" />
+      case 'grid':
+        return <Grid8 size={20} color="black" />
+      case 'group':
+        return <Layer size={20} color="black" />
+      case 'select':
+        return <MouseSquare size={20} color="black" />
+      case 'sticker':
+        return <Sticker size={20} color="black" />
       default:
         return <Shapes size={20} color="black" />
     }
@@ -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 'لایه'
     }

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) => <Gallery size={20} color={color} variant={variant} />, tool: "image", label: "تصویر" },
     { icon: (color, variant) => <Link2 size={20} color={color} variant={variant} />, tool: "link", label: "لینک" },
     { icon: (color, variant) => <VideoSquare size={20} color={color} variant={variant} />, tool: "video", label: "ویدیو" },
-    { icon: (color, variant) => <Element size={20} color={color} variant={variant} />, tool: "arrow", label: "پیکان" },
+    { icon: (color, variant) => <ArrowLeft size={20} color={color} variant={variant} />, tool: "arrow", label: "پیکان" },
     { icon: (color, variant) => <Minus size={20} color={color} variant={variant} />, tool: "line", label: "خط" },
     { icon: (color, variant) => <Sticker size={20} color={color} variant={variant} />, tool: "sticker", label: "استیکر" },
 ];