From 4a6ccb79d13a75f034a6a0c48443eb3293990900 Mon Sep 17 00:00:00 2001
From: Rajtosh Ranjan <rajtoshranjan@gmail.com>
Date: Fri, 4 Oct 2024 23:39:56 +0530
Subject: [PATCH] Update layer icons

---
 src/assets/icons/selection.json  | 56 +++++++++++++++++++++++++++++---
 src/components/icon/constants.ts |  2 ++
 src/layer-panel/layer-panel.tsx  |  6 ++--
 src/layer-panel/layer.tsx        |  9 ++++-
 4 files changed, 66 insertions(+), 7 deletions(-)

diff --git a/src/assets/icons/selection.json b/src/assets/icons/selection.json
index 1e87e30..3d2a6c5 100644
--- a/src/assets/icons/selection.json
+++ b/src/assets/icons/selection.json
@@ -1,6 +1,54 @@
 {
   "IcoMoonType": "selection",
   "icons": [
+    {
+      "icon": {
+        "paths": [
+          "M368.046 11.028v395.981l287.98 164.895v-396.012zM704.020 641.219v381l313.958-90.849c3.584-1.034 6.021-4.956 6.021-9.462v-372.019zM162.898 214.958l157.184-45.332v-167.844l-315.668 90.542c-3.625 1.034-4.342 4.956-4.342 9.472v389.847l144.005-41.697v-206.582c0-0.717 1.137-1.372 1.178-2.079 0.072-1.126 0.614-2.232 0.788-3.318 0.143-0.932 0.655-1.802 0.86-2.693 0.205-0.922 0.532-1.843 0.819-2.724 0.307-0.911 0.778-1.772 1.157-2.662q0.492-1.188 1.065-2.324c0.43-0.819 0.963-1.536 1.464-2.294q0.686-1.106 1.434-2.109c0.522-0.666 1.126-1.249 1.72-1.843 0.594-0.625 1.157-1.27 1.802-1.812 0.655-0.563 1.372-1.004 2.079-1.485 0.645-0.451 1.27-0.922 1.956-1.3 0.819-0.43 1.7-0.737 2.57-1.075 0.553-0.215-0.655-0.512-0.072-0.686z",
+          "M192.072 266.486v169.779l127.98-36.925v-169.779zM368.046 471.634v161.464l119.992 68.475v-161.382zM536.044 567.972v161.362l119.982 68.485v-161.321zM368.046 697.59v153.702l119.992 68.495v-153.651zM536.044 793.948v153.62l119.982 68.485v-153.559zM704.020 183.491v397.773l135.997-38.81v-398.94zM1021.184 94.157c-0.892-0.858-1.995-1.503-3.223-1.851l-0.054-0.013c-0.525-0.147-1.129-0.231-1.752-0.231-0.664 0-1.305 0.096-1.911 0.274l0.048-0.012-126.29 37.069v177.336l135.997-38.81v-166.134c0-2.98-0.87-5.796-2.816-7.639zM888.003 366.674v162.099l135.997-38.82v-162.099zM8.028 931.379l312.033-90.757v-381.338l-128 36.915v199.823c0 14.725-5.018 28.846-17.162 32.297l-169.697 48.548c-1.53 0.494-3.29 0.782-5.117 0.788l-0.003 0v144.251c0 2.98 1.024 5.786 2.939 7.629 1.262 1.262 2.992 2.056 4.907 2.099l0.008 0c0.614 0-0.512-0.082 0.092-0.256zM0.041 777.656h0.031v-0.041s-0.133 0.041-0.031 0.041z",
+          "M0.072 551.578v167.014l143.995-41.708v-166.994z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["tiled-layer"]
+      },
+      "attrs": [{}, {}, {}],
+      "properties": {
+        "order": 45,
+        "id": 7,
+        "name": "tiled-layer",
+        "prevSize": 32
+      },
+      "setIdx": 0,
+      "setId": 5,
+      "iconIdx": 0
+    },
+    {
+      "icon": {
+        "paths": [
+          "M997.824 12.368c-10.45-7.725-23.589-12.364-37.812-12.364-6.884 0-13.515 1.087-19.729 3.099l0.453-0.127-148.416 46.88c1.632 2.8 2.928 6.176 3.744 10.384 4.576 23.632-11.712 35.168-19.008 57.696 7.296 19.12 2.544 33.504 12.56 49.248 9.344 14.288 25.296 8 31.92 24.72 10.192 25.376-6.288 51.44-25.472 65.728-6.208 4.544-11.968 6.080-17.728 6.080-10.256 0-20.464-4.816-33.12-6.080-35.392-3.408-54.16-15.52-88.88-24.736-34.992-9.008-56.080-25.568-88.144-25.568q-6.4 0-13.488 0.944c-25.712 3.728-48.48-2.416-63.6 24.624-14.416 26.16-15.184 56.928 0 82.432 13.072 21.52 30.224 18.784 50.864 24.512 8.96 2.464 16.8 3.296 24.272 3.296 15.152 0 28.704-3.408 46.416-3.408q2.72 0 5.552 0.112 5.264 0.208 10.144 0.208c12.032 0 22.544-0.768 32.848-0.768 14.512 0 28.592 1.52 45.904 8.8 21.136 8.8 29.376 25.616 50.848 32.976 7.92 2.704 15.12 3.728 21.952 3.728 22.128 0 40.448-10.912 67.104-12.096 16.208-0.576 29.616-8.080 42.8-8.064 6.848 0 13.632 2.016 20.704 8.064 18.336 16.064 8.656 46.816 25.296 65.824 14.096 16.384 25.808 20.992 44.48 24.736 8.448 1.616 16.032 3.136 23.216 3.136 7.072 0 13.76-1.52 20.496-5.872v-396.512c0-0.001 0-0.003 0-0.005 0-21.118-10.228-39.847-26.001-51.504l-0.175-0.123z",
+          "M748.368 225.792c8.24 0.832 15.28 2.592 20.944 4.032 2.656 0.672 6.144 1.552 8.080 1.808 7.168-5.504 15.408-15.648 15.168-24.112-7.632-2.944-20.32-8.432-29.952-23.168-9.536-15.008-11.2-29.264-12.416-39.664-0.704-5.952-1.248-10.656-3.024-15.344-1.33-3.385-2.101-7.304-2.101-11.404 0-3.524 0.57-6.915 1.622-10.086l-0.065 0.226c3.568-11.008 8.432-19.696 12.352-26.672 4.64-8.256 5.872-10.944 5.888-13.216-1.056-0.278-3.301-0.735-5.562-1.148l-1.078-0.164c-5.419-1.003-9.39-1.886-13.321-2.872l1.545 0.328-58.448 18.448v126.4c4.384 1.504 8.768 3.008 12.704 4.4 16.304 5.84 29.2 10.432 47.664 12.208zM0 176v96.864c10.544 1.104 20.112 1.664 29.76 1.664 10.336 0 20.336-0.56 32.992-1.248l12.912-0.704c6.8-0.368 13.552-2.688 21.36-5.36 10.576-3.648 22.592-7.744 37.024-7.744 12.252 0.053 23.797 3.027 33.991 8.261l-0.423-0.197c19.92 9.712 30.016 24.944 38.128 37.152 4.384 6.608 8.176 12.32 12.976 16.336 11.344 9.52 20.992 12.928 34.368 17.632 13.216 4.672 28.208 9.952 45.52 21.568 14.23 9.47 26.424 18.609 38.097 28.351l-0.689-0.559v-380.416l-294.144 108.352c-24.649 9.27-41.87 32.648-41.872 60.048l-0 0zM628.336 372.064q-5.488 0-11.456-0.24c-1.249-0.047-2.734-0.076-4.224-0.080l-0.016-0c-7.392 0-14.208 0.784-21.424 1.6-7.808 0.896-15.888 1.808-24.992 1.808-11.2 0-21.936-1.456-32.832-4.464-2.805-0.782-6.676-1.639-10.603-2.336l-0.869-0.128c-16.256-3.056-40.8-7.664-58.336-36.496-20.64-34.704-20.848-77.408-0.432-114.416 20.272-36.272 51.888-38.192 72.816-39.456 4.992-0.304 9.68-0.592 14.368-1.264 5.323-0.784 11.468-1.232 17.717-1.232 0.038 0 0.075 0 0.113 0l-0.006-0c25.904 0 45.504 7.872 64.416 15.488 7.712 3.088 15.328 5.92 23.392 8.48v-106.784l-267.728-89.264c-6.036-2.079-12.99-3.28-20.226-3.28-0.005 0-0.010 0-0.015 0l0.001-0v418.352c6.128 6.432 12.464 13.376 19.408 21.264 8.304 9.456 13.856 18.912 18.336 26.512 5.344 9.072 8.336 13.968 12.96 16.96 0.64 0.4 0.944 0.496 1.248 0.512 2.448 0 7.264-1.424 11.92-2.816 8.448-2.512 19.008-5.664 31.376-5.664q13.712 0 26.704 5.28l5.552 2.288c25.104 10.288 56.336 23.088 69.824 67.328 8.432 27.2 8.4 50.128-0.016 76.432-6.192 19.728-18.912 29.76-26.512 35.744-1.776 1.424-4.24 3.344-4.72 3.984l-0.272 0.832c-0.384 1.344 0.4 5.536 1.12 9.216 1.968 10.16 4.944 25.52-2.24 43.392-12.224 29.696-36.208 44.768-71.296 44.768q-5.52-0.016-11.024-0.368c-22.608-1.328-36.992-12.592-47.488-20.832-3.332-2.744-7.038-5.432-10.905-7.89l-0.455-0.27c-8.872-5.386-16.564-11.149-23.648-17.57l0.128 0.114v213.52l284.736 89.92c1.072 0.336 2.192 0.48 3.264 0.768v-650.352c-2.928 0.064-5.792 0.112-8.832 0.224-5.968 0.192-12.16 0.416-18.832 0.416zM321.44 689.488l-2.72-0.192-0.096 2.896c-0.352 11.056-0.88 27.76-12.304 42.656-13.12 17.44-31.184 26.656-52.24 26.656-11.488 0-22.32-2.672-31.856-5.024l-5.808-1.408c-19.616-4.464-31.728-16.080-40.592-24.544-4.208-4.032-8.192-7.84-10.544-8.416-5.84-1.408-10.912-2.624-13.776-2.624-0.688 0-1.952 0-4.8 1.152-7.2 2.944-11.328 12.88-19.040 34.88-2.416 6.944-4.96 14.144-7.824 21.328-2.592 6.56-3.168 15.024-3.76 24-1.2 17.76-2.832 42.112-22.928 61.232-14.336 13.664-30.592 20.32-49.648 20.32-9.808 0-18.976-1.744-27.824-3.44l-1.664-0.336c-5.815-1.144-10.526-2.328-15.149-3.716l1.133 0.292v84.8c0.005 35.343 28.657 63.992 64 63.992 6.88 0 13.506-1.086 19.717-3.095l-0.453 0.127 252.736-79.808v-250.128c-1.607-0.616-3.466-1.009-5.406-1.087l-0.034-0.001c-3.586-0.129-6.752-0.313-9.9-0.562l0.78 0.050zM876.32 660c-14.88-4.576-24.448-7.488-32.864-3.040 2.64 3.808 7.952 9.456 11.76 13.488 14.4 15.264 34.112 36.16 24.624 60.992-6.608 17.664-22.288 23.936-33.712 28.512-10.864 4.336-13.328 5.968-13.92 9.152-0.608 3.344 0.336 4.464 0.88 5.12 3.088 3.696 12.768 7.424 27.472 7.424 16.672 0 33.76-4.72 43.536-12.016 16.832-12.912 22.4-30.592 17.888-57.248-4.464-27.008-19.408-44.112-45.664-52.384z",
+          "M975.664 494.976l-1.664-0.336c-23.968-4.8-42.8-12.352-62.288-35.024-14.064-16.080-17.088-34.928-19.312-48.672-0.768-4.816-1.92-12.016-3.168-14.288-2.336 0.192-6.832 1.44-10.816 2.528-8.144 2.256-18.272 5.056-30 5.488-9.84 0.432-18.864 2.864-28.4 5.44-11.648 3.136-24.848 6.688-40.128 6.688-11.588-0.019-22.702-2.022-33.030-5.687l0.694 0.215c-16.88-5.776-27.904-15.088-36.768-22.56-6.064-5.12-10.448-8.816-16.112-11.168-1.642-0.712-3.86-1.527-6.122-2.245l-0.566-0.155v646.56c1.408-0.368 2.848-0.576 4.24-1.040l288-96c25.651-8.731 43.776-32.609 43.776-60.72l-0-0v-368.832c-6.116 1.99-13.157 3.168-20.464 3.232l-0.032 0c-9.824 0-18.976-1.744-27.84-3.424zM923.392 795.152c-15.568 11.632-39.008 18.496-62.848 18.496-23.392 0-41.856-6.72-52.048-18.928-7.248-8.704-9.936-19.552-7.76-31.36 3.856-21.28 21.696-28.4 33.504-33.136 9.504-3.792 14.144-6.032 15.664-10.128 2.352-6.176-9.856-19.12-17.952-27.696-12.128-12.848-23.568-24.976-21.776-40.4 0.672-5.712 3.6-13.952 13.696-20.624 8.010-5.442 17.893-8.689 28.535-8.689 0.116 0 0.231 0 0.347 0.001l-0.018-0c11.056 0 21.312 3.136 32.16 6.464 38.832 12.208 62.224 39.040 68.64 77.952 6.448 38.128-3.696 67.776-30.144 88.048zM198.144 345.536c-19.184-16.064-23.168-38.8-44.56-49.232-5.673-2.997-12.39-4.778-19.519-4.832l-0.017-0c-18.32 0-34.32 11.824-56.624 13.056-18.832 0.96-32.848 2-47.664 2-9.152 0-18.704-0.432-29.76-1.504v536.304c6.016 2.64 12.528 4.384 20.288 5.936 8.448 1.616 16.032 3.136 23.216 3.136 9.536 0 18.336-2.704 27.552-11.488 18.944-18.032 8.336-46.816 19.008-73.856 13.072-32.656 17.584-63.088 44.576-74.080 6.288-2.528 11.6-3.52 16.864-3.52 6.608 0 13.12 1.568 21.264 3.52 21.712 5.28 28.944 27.904 50.768 32.88 10.864 2.544 21.088 5.648 30.56 5.648 9.744 0 18.688-3.296 26.656-13.888 10.96-14.288 0.592-36.288 12.64-49.248 6.992-7.6 13.952-9.216 21.712-9.216 5.040 0 10.448 0.704 16.4 0.88 1.616 0.064 2.976 0.48 4.48 0.688v-227.36c-16.56-16.448-32.4-29.232-55.248-44.576-30.64-20.576-53.648-16.976-82.592-41.248zM452.24 732.096q4.64 0.304 9.152 0.32c17.568 0 33.216-4.304 41.696-24.944 6.88-17.152-5.36-31.216 0-49.456 6.016-21.328 25.12-20.24 31.664-41.104 6.624-20.656 6.448-36.592 0-57.392-9.84-32.32-31.584-38.912-57.12-49.568-4.255-1.775-9.198-2.809-14.381-2.816l-0.003-0c-15.232 0-28.88 8.464-43.296 8.464-6.016 0-12.176-1.472-18.64-5.664-16.672-10.768-21.36-27.216-33.312-43.36v207.68c12.144 10.384 23.408 23.584 39.744 33.2 17.168 10.128 25.648 23.536 44.496 24.64z"
+        ],
+        "attrs": [{}, {}, {}],
+        "isMulticolor": false,
+        "isMulticolor2": false,
+        "grid": 0,
+        "tags": ["vector-layer"]
+      },
+      "attrs": [{}, {}, {}],
+      "properties": {
+        "order": 44,
+        "id": 6,
+        "name": "vector-layer",
+        "prevSize": 32
+      },
+      "setIdx": 0,
+      "setId": 5,
+      "iconIdx": 1
+    },
     {
       "icon": {
         "paths": [
@@ -21,7 +69,7 @@
       },
       "setIdx": 0,
       "setId": 5,
-      "iconIdx": 0
+      "iconIdx": 2
     },
     {
       "icon": {
@@ -59,7 +107,7 @@
       },
       "setIdx": 0,
       "setId": 5,
-      "iconIdx": 1
+      "iconIdx": 3
     },
     {
       "icon": {
@@ -81,7 +129,7 @@
       },
       "setIdx": 0,
       "setId": 5,
-      "iconIdx": 2
+      "iconIdx": 4
     },
     {
       "icon": {
@@ -103,7 +151,7 @@
       },
       "setIdx": 0,
       "setId": 5,
-      "iconIdx": 3
+      "iconIdx": 5
     },
     {
       "icon": {
diff --git a/src/components/icon/constants.ts b/src/components/icon/constants.ts
index 602c531..530ae27 100644
--- a/src/components/icon/constants.ts
+++ b/src/components/icon/constants.ts
@@ -26,4 +26,6 @@ export enum IconIdentifier {
   Search = 'search',
   Select = 'select',
   Tick = 'tick',
+  TileLayer = 'tiled-layer',
+  VectorLayer = 'vector-layer',
 }
diff --git a/src/layer-panel/layer-panel.tsx b/src/layer-panel/layer-panel.tsx
index f379c7c..73ced12 100644
--- a/src/layer-panel/layer-panel.tsx
+++ b/src/layer-panel/layer-panel.tsx
@@ -54,14 +54,16 @@ export const LayerPanel = () => {
 
       {/* Body */}
       <div className="flex items-center justify-between">
-        <h2 className="sticky text-sm font-medium text-gray-400">Layers</h2>
+        <h2 className="sticky flex items-center gap-2 text-sm font-medium text-gray-400">
+          <Icon identifier={IconIdentifier.Layer} className="size-4" /> Layers
+        </h2>
         <DropdownMenu
           iconIdentifier={IconIdentifier.MeatBallMenu}
           className="bg-transparent"
           anchor="bottom start"
         >
           <DropdownMenu.Item onClick={() => setShowAddLayerModal(true)}>
-            <Icon identifier={IconIdentifier.Layer} />
+            <Icon identifier={IconIdentifier.TileLayer} />
             Add Raster Layer
           </DropdownMenu.Item>
         </DropdownMenu>
diff --git a/src/layer-panel/layer.tsx b/src/layer-panel/layer.tsx
index 7cd2931..063c23e 100644
--- a/src/layer-panel/layer.tsx
+++ b/src/layer-panel/layer.tsx
@@ -44,7 +44,14 @@ export const Layer: React.FC<LayerProps> = ({ layerInfo, layerId }) => {
       draggable
     >
       <div>
-        <Icon identifier={IconIdentifier.Layer} className="size-4" />
+        <Icon
+          identifier={
+            layerInfo.type == 'raster'
+              ? IconIdentifier.TileLayer
+              : IconIdentifier.VectorLayer
+          }
+          className="p-[0.5px]"
+        />
       </div>
       <span className="truncate">{layerInfo.name}</span>