From a471945766c432d0b5e3b0715fcd86e43208c892 Mon Sep 17 00:00:00 2001
From: Anubhav Jain <anubhavjain.jain0@gmail.com>
Date: Sun, 10 Mar 2024 19:06:07 +0530
Subject: [PATCH 1/2] fix-dropdown-menu-component-modal-behaviour

---
 src/components/ThemeToggler.tsx     | 2 +-
 src/components/comment/Comments.tsx | 4 ++--
 src/components/ui/dropdown-menu.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ThemeToggler.tsx b/src/components/ThemeToggler.tsx
index 7b65517e9..1a916f6a4 100644
--- a/src/components/ThemeToggler.tsx
+++ b/src/components/ThemeToggler.tsx
@@ -15,7 +15,7 @@ export function ThemeToggler() {
   const { setTheme } = useTheme();
 
   return (
-    <DropdownMenu>
+    <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
         <Button variant="outline" size="iconSM">
           <SunDimIcon className="h-[1rem] w-[1rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
diff --git a/src/components/comment/Comments.tsx b/src/components/comment/Comments.tsx
index c2a0fbd7f..0890fa63f 100644
--- a/src/components/comment/Comments.tsx
+++ b/src/components/comment/Comments.tsx
@@ -115,7 +115,7 @@ const Comments = async ({
           parentId={data?.parentComment?.id}
         />
         <div className="mb-5 flex mt-5">
-          <DropdownMenu>
+          <DropdownMenu modal={false}>
             <DropdownMenuTrigger asChild>
               <Button
                 className="w-[200px] justify-between text-left font-normal"
@@ -166,7 +166,7 @@ const Comments = async ({
               </DropdownMenuGroup>
             </DropdownMenuContent>
           </DropdownMenu>
-          <DropdownMenu>
+          <DropdownMenu modal={false}>
             <DropdownMenuTrigger asChild>
               <Button
                 className="w-[200px] justify-between text-left font-normal"
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index f3749b263..858f346af 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -83,7 +83,7 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      'relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       inset && 'pl-8',
       className,
     )}

From 6bc09d7cc11e2009092f45efc2aadc5ed28937e9 Mon Sep 17 00:00:00 2001
From: Anubhav Jain <anubhavjain.jain0@gmail.com>
Date: Sun, 10 Mar 2024 19:23:44 +0530
Subject: [PATCH 2/2] --lint-fix--

---
 src/components/Sidebar.tsx                 | 12 ++++++------
 src/components/landing/appbar/nav-menu.tsx |  1 -
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index ff30d08d8..d2e9fe06d 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -150,16 +150,16 @@ export function ToggleButton({
       <span
         className={`dark:bg-white bg-black block transition-all duration-300 ease-out 
                     h-0.5 w-6 rounded-sm my-0.5 ${
-                      !sidebarOpen ? 'opacity-0' : 'opacity-100'
-                    }`}
+    !sidebarOpen ? 'opacity-0' : 'opacity-100'
+    }`}
       ></span>
       <span
         className={`dark:bg-white bg-black block transition-all duration-300 ease-out 
                     h-0.5 w-6 rounded-sm ${
-                      !sidebarOpen
-                        ? '-rotate-45 -translate-y-1'
-                        : 'translate-y-0.5'
-                    }`}
+    !sidebarOpen
+      ? '-rotate-45 -translate-y-1'
+      : 'translate-y-0.5'
+    }`}
       ></span>
     </button>
   );
diff --git a/src/components/landing/appbar/nav-menu.tsx b/src/components/landing/appbar/nav-menu.tsx
index 729b1e3b9..9ad4f5822 100644
--- a/src/components/landing/appbar/nav-menu.tsx
+++ b/src/components/landing/appbar/nav-menu.tsx
@@ -75,7 +75,6 @@ export function NavigationMenu() {
                   </DrawerClose>
                 </Button>
 
-
                 <AppbarAuth isInMenu={true} />
               </div>
             </div>