master
mahdi andalib 3 years ago
parent 1243691225
commit 57588fa80c
  1. 10
      src/components/FolderTree/images/icon1.svg
  2. 10
      src/components/FolderTree/images/opened.svg
  3. 7
      src/components/FolderTree/index.js

@ -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>

After

Width:  |  Height:  |  Size: 695 B

@ -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>

After

Width:  |  Height:  |  Size: 727 B

@ -6,6 +6,9 @@ import selectedFolder from "./images/selectedFolder.svg";
import arrow from "./images/arrow.svg"; import arrow from "./images/arrow.svg";
import selectedArrow from "./images/selectedArrow.svg"; import selectedArrow from "./images/selectedArrow.svg";
import icon1 from "./images/icon1.svg";
import opened from "./images/opened.svg";
const FolderState = ({ items }) => { const FolderState = ({ items }) => {
let [selected, setSelected] = useState(1); let [selected, setSelected] = useState(1);
let [top, setTop] = useState(1); let [top, setTop] = useState(1);
@ -63,8 +66,8 @@ const FolderTree = ({ items, pid, selected, setSelected, setTop }) => {
/> />
<img <img
alt="" alt=""
src={expand ? selectedFolder : selectedFolder} src={expand ? opened : icon1}
className="z-10 transition-all duration-700" className="z-10 w-7 transition-all duration-700"
/> />
<span <span

Loading…
Cancel
Save