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