From 57588fa80ce58791d499a83f1275787bf44aacbd Mon Sep 17 00:00:00 2001
From: mahdi andalib <andalibmahdi45@gmail.com>
Date: Mon, 14 Mar 2022 19:22:17 +0330
Subject: [PATCH] update

---
 src/components/FolderTree/images/icon1.svg  | 10 ++++++++++
 src/components/FolderTree/images/opened.svg | 10 ++++++++++
 src/components/FolderTree/index.js          |  7 +++++--
 3 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/components/FolderTree/images/icon1.svg
 create mode 100644 src/components/FolderTree/images/opened.svg

diff --git a/src/components/FolderTree/images/icon1.svg b/src/components/FolderTree/images/icon1.svg
new file mode 100644
index 0000000..23ad93e
--- /dev/null
+++ b/src/components/FolderTree/images/icon1.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="32" viewBox="0 0 35 32">
+  <g id="icons8-opened-folder" transform="translate(-1 -4)">
+    <path id="Path_104" data-name="Path 104" d="M1.5,35.5V4.5H11.793l3,3H35.5v28Z" fill="#b6dcfe"/>
+    <path id="Path_105" data-name="Path 105" d="M11.586,5l2.707,2.707L14.586,8H35V35H2V5h9.586M12,4H1V36H36V7H15L12,4Z" fill="#4788c7"/>
+    <g id="Group_2198" data-name="Group 2198">
+      <path id="Path_106" data-name="Path 106" d="M1.6,35.5l.249-23H35.63l-.053,23Z" fill="#dff0fe"/>
+      <path id="Path_107" data-name="Path 107" d="M35.184,13l-.031,22H2.2L1.937,13H35.184m.4-1H1.714L1,36H36l-.057-24.473Z" fill="#4788c7"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/components/FolderTree/images/opened.svg b/src/components/FolderTree/images/opened.svg
new file mode 100644
index 0000000..fe95e63
--- /dev/null
+++ b/src/components/FolderTree/images/opened.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39" height="32" viewBox="0 0 39 32">
+  <g id="icons8-opened-folder" transform="translate(-1 -4)">
+    <path id="Path_104" data-name="Path 104" d="M1.5,35.5V4.5H11.793l3,3H35.5v28Z" fill="#b6dcfe"/>
+    <path id="Path_105" data-name="Path 105" d="M11.586,5l2.707,2.707L14.586,8H35V35H2V5h9.586M12,4H1V36H36V7H15L12,4Z" fill="#4788c7"/>
+    <g id="Group_2198" data-name="Group 2198">
+      <path id="Path_106" data-name="Path 106" d="M1.6,35.5l3.818-21H16.151l3-2H39.41l-3.833,23Z" fill="#dff0fe"/>
+      <path id="Path_107" data-name="Path 107" d="M38.82,13,35.153,35H2.2L5.834,15H16.3l.252-.168L19.3,13H38.82M40,12H19l-3,2H5L1,36H36l4-24Z" fill="#4788c7"/>
+    </g>
+  </g>
+</svg>
diff --git a/src/components/FolderTree/index.js b/src/components/FolderTree/index.js
index 9345336..0534b6d 100644
--- a/src/components/FolderTree/index.js
+++ b/src/components/FolderTree/index.js
@@ -6,6 +6,9 @@ import selectedFolder from "./images/selectedFolder.svg";
 import arrow from "./images/arrow.svg";
 import selectedArrow from "./images/selectedArrow.svg";
 
+import icon1 from "./images/icon1.svg";
+import opened from "./images/opened.svg";
+
 const FolderState = ({ items }) => {
   let [selected, setSelected] = useState(1);
   let [top, setTop] = useState(1);
@@ -63,8 +66,8 @@ const FolderTree = ({ items, pid, selected, setSelected, setTop }) => {
                 />
                 <img
                   alt=""
-                  src={expand ? selectedFolder : selectedFolder}
-                  className="z-10  transition-all duration-700"
+                  src={expand ? opened : icon1}
+                  className="z-10 w-7  transition-all duration-700"
                 />
 
                 <span