|
|
|
@ -276,73 +276,83 @@ function Directory({ |
|
|
|
{show == true && ( |
|
|
|
<div className="absolute bottom-[12px] left-0 right-0 flex justify-center pointer-events-none"> |
|
|
|
<div className="mx-auto bg-white/40 light:bg-white rounded-lg py-1 px-2 pointer-events-auto light:shadow-lg"> |
|
|
|
<div className="flex flex-row items-center gap-x-2"> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
设为私有 |
|
|
|
</button> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
设为公有 |
|
|
|
</button> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
添加标签 |
|
|
|
</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>*/} |
|
|
|
<button |
|
|
|
// 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" |
|
|
|
> |
|
|
|
<Trash size={18} weight="bold" /> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
className="flex flex-row items-center gap-x-2"> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
设为私有 |
|
|
|
</button> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
设为公有 |
|
|
|
</button> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
添加标签 |
|
|
|
</button> |
|
|
|
<button |
|
|
|
// onClick={moveToWorkspace} |
|
|
|
onMouseEnter={() => setHighlightWorkspace(true)} |
|
|
|
onMouseLeave={() => setHighlightWorkspace(false)} |
|
|
|
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white" |
|
|
|
> |
|
|
|
下载文件 |
|
|
|
</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>*/} |
|
|
|
<button |
|
|
|
// 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" |
|
|
|
> |
|
|
|
<Trash size={18} weight="bold" /> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
</div> |
|
|
|
|
|
|
|
<UploadFile |
|
|
|
workspace={workspace} |
|
|
|
fetchKeys={fetchKeys} |
|
|
|
setLoading={setLoading} |
|
|
|
setLoadingMessage={setLoadingMessage} |
|
|
|
/> |
|
|
|
<UploadFile |
|
|
|
workspace={workspace} |
|
|
|
fetchKeys={fetchKeys} |
|
|
|
setLoading={setLoading} |
|
|
|
setLoadingMessage={setLoadingMessage} |
|
|
|
/> |
|
|
|
</div> |
|
|
|
{isFolderModalOpen && ( |
|
|
|
<div className="bg-black/60 backdrop-blur-sm fixed top-0 left-0 outline-none w-screen h-screen flex items-center justify-center z-30"> |
|
|
|
<NewFolderModal |
|
|
|
closeModal={closeFolderModal} |
|
|
|
{isFolderModalOpen && ( |
|
|
|
<div |
|
|
|
className="bg-black/60 backdrop-blur-sm fixed top-0 left-0 outline-none w-screen h-screen flex items-center justify-center z-30"> |
|
|
|
<NewFolderModal |
|
|
|
closeModal={closeFolderModal} |
|
|
|
files={files} |
|
|
|
setFiles={setFiles} |
|
|
|
/> |
|
|
|
|