Update

resources/js/modules/editor/partials/edit-nav-sidebar.jsx

@@ -1,11 +1,12 @@
+import { usePage } from '@inertiajs/react';
+
 import { Button } from '@/components/ui/button';
-import { Checkbox } from '@/components/ui/checkbox';
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
 import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
 import useLocalSettingsStore from '@/stores/localSettingsStore';
-import { SettingsIcon } from 'lucide-react';
 
 export default function EditNavSidebar({ isOpen, onClose }) {
+    const { auth } = usePage().props;
+
     const { getSetting, setSetting } = useLocalSettingsStore();
 
     return (
@@ -17,36 +18,22 @@ export default function EditNavSidebar({ isOpen, onClose }) {
                     </SheetTitle>
                 </SheetHeader>
 
-                <div className="space-y-6">
-                    <Dialog>
-                        <DialogTrigger asChild>
-                            <Button variant="link">
-                                <SettingsIcon className="h-6 w-6" /> Settings
-                            </Button>
-                        </DialogTrigger>
-                        <DialogContent className="sm:max-w-[425px]">
-                            <DialogHeader>
-                                <DialogTitle>Settings</DialogTitle>
-                                <DialogDescription>Change your settings here.</DialogDescription>
-                            </DialogHeader>
+                <div className="space-y-3">
+                    <div className="grid px-2">
+                        {/* {!auth.user && <Button variant="outline">Join Now</Button>}
+                        {!auth.user && <Button variant="link">Login</Button>} */}
+                    </div>
 
-                            <div className="flex items-center space-x-2">
-                                <Checkbox
-                                    id="genAlphaSlang"
-                                    checked={getSetting('genAlphaSlang')}
-                                    onCheckedChange={() => setSetting('genAlphaSlang', !getSetting('genAlphaSlang'))}
-                                />
-                                <label
-                                    htmlFor="genAlphaSlang"
-                                    className="text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                >
-                                    Use gen alpha slang
-                                </label>
-                            </div>
-
-                            <DialogFooter></DialogFooter>
-                        </DialogContent>
-                    </Dialog>
+                    <div className="grid px-2">
+                        <Button
+                            onClick={() => {
+                                window.location.href = route('home');
+                            }}
+                            variant="link"
+                        >
+                            Home
+                        </Button>
+                    </div>
                 </div>
             </SheetContent>
         </Sheet>