From ba81f0f98a2a1ff45d114cbf5405ce7caf3359c6 Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Wed, 5 Mar 2025 15:20:09 -0700
Subject: [PATCH] FEAT: Toggle hidden button and functionality.

---
 frontend/src/pages/Dashboard.jsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/frontend/src/pages/Dashboard.jsx b/frontend/src/pages/Dashboard.jsx
index 8126baa..e0bbe1b 100644
--- a/frontend/src/pages/Dashboard.jsx
+++ b/frontend/src/pages/Dashboard.jsx
@@ -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>
     )