notifications setting

src/components/Sidebar.js

@@ -1,4 +1,5 @@
 import util from "../util"
+import "./Toggle.js"
 
 class Sidebar extends Shadow {
     SIDEBAR_WIDTH
@@ -66,17 +67,23 @@ class Sidebar extends Shadow {
                 
             this.SidebarItem("Logout")
 
-            button("Delete Account")
-                .fontSize(0.9, em)
-                .marginTop("auto")
-                .marginBottom(2, em)
-                .background("var(--darkred)")
-                .paddingVertical(1, em)
-                .border("none")
-                .outline("1px solid var(--divider)")
-                .color("var(--text)")
-                .onTap((done) => this.deleteAccount())
+            VStack(() => {
+                Toggle("Enable Push Notifications")
+                    .marginLeft(1, em)
+    
+                button("Delete Account")
+                    .fontSize(0.9, em)
+                    .marginBottom(2, em)
+                    .background("var(--darkred)")
+                    .paddingVertical(1, em)
+                    .border("none")
+                    .outline("1px solid var(--divider)")
+                    .color("var(--text)")
+                    .onTap((done) => this.deleteAccount())
             })
+            .marginTop("auto")
+            .gap(2, em)
+        })
         .gap(1, em)
         .paddingTop(15, vh)
         .paddingHorizontal(1, em)