azpect/ServerFileManager
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEAT: Toggle hidden button and functionality.

Browse Source
This commit is contained in:
Hayden Hargreaves 2025-03-05 15:20:09 -07:00
parent 238ff0b603
commit ba81f0f98a
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/pages/Dashboard.jsx
View File

@ -242,6 +242,10 @@ export default function Dashboard() {
}, [editing]); }, [editing]);
const toggleHidden = (e) => {
setShowHidden(e.target.checked);
};
return ( return (
<div className="w-full min-h-screen h-screen pb-8"> <div className="w-full min-h-screen h-screen pb-8">
<Navbar downloadFiles={downloadFiles}/> <Navbar downloadFiles={downloadFiles}/>
@ -256,6 +260,15 @@ export default function Dashboard() {
<DirectoryList dirs={files} showHidden={showHidden} appendPath={appendPath} <DirectoryList dirs={files} showHidden={showHidden} appendPath={appendPath}
toggleSelected={toggleSelected} toggleEditing={toggleEditing}/> toggleSelected={toggleSelected} toggleEditing={toggleEditing}/>
</div> </div>
<div className="w-2/3 flex justify-end items-center">
<label className="text-sm mx-2" htmlFor="showHiddenItems">Show Hidden Items</label>
<input
className="p-2"
name="showHiddenItems"
type="checkbox"
checked={showHidden}
onClick={toggleHidden}/>
</div>
</div> </div>
</div> </div>
) )