|
|
@ -248,7 +248,7 @@ function Directory({ |
|
|
|
|
|
|
|
|
<div className="relative w-[100%] h-[500px] bg-[#ECEFF6] rounded-2xl overflow-hidden border "> |
|
|
<div className="relative w-[100%] h-[500px] bg-[#ECEFF6] rounded-2xl overflow-hidden border "> |
|
|
<div className="absolute top-0 left-0 right-0 z-10 rounded-t-2xl text-theme-text-primary text-xs grid grid-cols-12 py-2 px-8 border-b border-white/20 shadow-md "> |
|
|
<div className="absolute top-0 left-0 right-0 z-10 rounded-t-2xl text-theme-text-primary text-xs grid grid-cols-12 py-2 px-8 border-b border-white/20 shadow-md "> |
|
|
<p className="col-span-6">Name</p> |
|
|
|
|
|
|
|
|
<p className="col-span-6">名称</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div className="overflow-y-auto h-full pt-8"> |
|
|
<div className="overflow-y-auto h-full pt-8"> |
|
|
@ -301,25 +301,25 @@ function Directory({ |
|
|
> |
|
|
> |
|
|
添加标签 |
|
|
添加标签 |
|
|
</button> |
|
|
</button> |
|
|
<div className="relative"> |
|
|
|
|
|
<button |
|
|
|
|
|
// onClick={() => |
|
|
|
|
|
// setShowFolderSelection(!showFolderSelection) |
|
|
|
|
|
// } |
|
|
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center group" |
|
|
|
|
|
> |
|
|
|
|
|
<MoveToFolderIcon className="text-dark-text light:text-[#026AA2] group-hover:text-white" /> |
|
|
|
|
|
</button> |
|
|
|
|
|
{showFolderSelection && ( |
|
|
|
|
|
<FolderSelectionPopup |
|
|
|
|
|
folders={files.items.filter( |
|
|
|
|
|
(item) => item.type === "folder" |
|
|
|
|
|
)} |
|
|
|
|
|
onSelect={moveToFolder} |
|
|
|
|
|
onClose={() => setShowFolderSelection(false)} |
|
|
|
|
|
/> |
|
|
|
|
|
)} |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
{/*<div className="relative">*/} |
|
|
|
|
|
{/* <button*/} |
|
|
|
|
|
{/* // onClick={() =>*/} |
|
|
|
|
|
{/* // setShowFolderSelection(!showFolderSelection)*/} |
|
|
|
|
|
{/* // }*/} |
|
|
|
|
|
{/* className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center group"*/} |
|
|
|
|
|
{/* >*/} |
|
|
|
|
|
{/* <MoveToFolderIcon className="text-dark-text light:text-[#026AA2] group-hover:text-white" />*/} |
|
|
|
|
|
{/* </button>*/} |
|
|
|
|
|
{/* {showFolderSelection && (*/} |
|
|
|
|
|
{/* <FolderSelectionPopup*/} |
|
|
|
|
|
{/* folders={files.items.filter(*/} |
|
|
|
|
|
{/* (item) => item.type === "folder"*/} |
|
|
|
|
|
{/* )}*/} |
|
|
|
|
|
{/* onSelect={moveToFolder}*/} |
|
|
|
|
|
{/* onClose={() => setShowFolderSelection(false)}*/} |
|
|
|
|
|
{/* />*/} |
|
|
|
|
|
{/* )}*/} |
|
|
|
|
|
{/*</div>*/} |
|
|
<button |
|
|
<button |
|
|
// onClick={deleteFiles} |
|
|
// onClick={deleteFiles} |
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center" |
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center" |
|
|
|