Added logout button

dheffer · Mar 31, 2024 · b7eeafe · b7eeafe
1 parent cb07d7f
commit b7eeafe
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/frontend/src/pages/Settings.js b/frontend/src/pages/Settings.js
@@ -23,7 +23,7 @@ export const Settings = (props) => {
                 <Offcanvas.Header closeButton>
                     <Offcanvas.Title>Settings</Offcanvas.Title>
                 </Offcanvas.Header>
-                <Offcanvas.Body >
+                <Offcanvas.Body>
                     <div>
                         <label className={"pe-1"}>Dark Mode </label>
                         <input type="checkbox" checked={darkMode}
@@ -38,11 +38,15 @@ export const Settings = (props) => {
                     </div>
                     <div>
                         <label className={"pe-1"}>Unit of Measurement</label>
-                        <select value={unitOfMeasurement} disabled onChange={(e) => setUnitOfMeasurement(e.target.value)}>
+                        <select value={unitOfMeasurement} disabled
+                                onChange={(e) => setUnitOfMeasurement(e.target.value)}>
                             <option value="metric">Metric</option>
                             <option value="imperial">Imperial</option>
                         </select>
                     </div>
+                    <div className={"mt-3"}>
+                        <Button variant="primary" onClick={() => localStorage.clear()}>Logout</Button>
+                    </div>
                 </Offcanvas.Body>
             </Offcanvas>
         </div>