FEAT: Toggle hidden button and functionality.

This commit is contained in:
Hayden Hargreaves 2025-03-05 15:20:09 -07:00
parent 238ff0b603
commit ba81f0f98a

View File

@ -242,6 +242,10 @@ export default function Dashboard() {
}, [editing]);
const toggleHidden = (e) => {
setShowHidden(e.target.checked);
};
return (
<div className="w-full min-h-screen h-screen pb-8">
<Navbar downloadFiles={downloadFiles}/>
@ -256,6 +260,15 @@ export default function Dashboard() {
<DirectoryList dirs={files} showHidden={showHidden} appendPath={appendPath}
toggleSelected={toggleSelected} toggleEditing={toggleEditing}/>
</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>
)