From 7f1b2b9a05b9ea31c957980de5f05c6aa1df28cc Mon Sep 17 00:00:00 2001
From: yzned <harlydeaz@gmail.com>
Date: Sun, 20 Jul 2025 20:01:26 +0300
Subject: [PATCH] fix main menu border bag

---
 src/components/main-menu/chat-cell.tsx | 2 +-
 src/components/main-menu/main-menu.tsx | 4 +++-
 src/components/ui/dropdown.tsx         | 2 +-
 src/routes/magic-link/$magic-link.tsx  | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/main-menu/chat-cell.tsx b/src/components/main-menu/chat-cell.tsx
index 975b47d..397ed3d 100644
--- a/src/components/main-menu/chat-cell.tsx
+++ b/src/components/main-menu/chat-cell.tsx
@@ -55,7 +55,7 @@ export const ChatCell = ({ chat }: { chat: { id: string; title: string } }) => {
 				options={DROPDOWN_OPTIONS}
 				isOpen={isDropdownOpen}
 				onToggle={() => setIsDropdownOpen(!isDropdownOpen)}
-				className="cursor-pointer flex items-center pr-3  justify-end w-5 h-full"
+				classNameTrigger="cursor-pointer flex items-center pr-3  justify-end w-5 h-full"
 			>
 				<ThreeDots
 					className={cn(
diff --git a/src/components/main-menu/main-menu.tsx b/src/components/main-menu/main-menu.tsx
index 29042e1..5279049 100644
--- a/src/components/main-menu/main-menu.tsx
+++ b/src/components/main-menu/main-menu.tsx
@@ -84,6 +84,8 @@ const MainMenuContent = observer(() => {
 		},
 	];
 
+	const showBorder = hasScrolled && isMainMenuOpen;
+
 	return (
 		<div
 			data-open={isMainMenuOpen}
@@ -91,7 +93,7 @@ const MainMenuContent = observer(() => {
 			className="relative w-full h-full overflow-x-hidden data-[open=true]:overflow-y-auto overflow-y-hidden flex flex-col"
 		>
 			<header
-				data-scrolled={hasScrolled}
+				data-scrolled={showBorder}
 				className="data-[scrolled=true]:border-b data-[scrolled=true]:border-fill-150  sticky top-0 z-10 bg-white pt-[30px] space-y-12 flex flex-col w-full px-4 pb-4 transition-shadow"
 			>
 				<div className="relative w-full h-[32px]">
diff --git a/src/components/ui/dropdown.tsx b/src/components/ui/dropdown.tsx
index cae1798..af590c8 100644
--- a/src/components/ui/dropdown.tsx
+++ b/src/components/ui/dropdown.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { FC, type ReactNode } from "react";
+import { type FC, type ReactNode } from "react";
 import clsx from "clsx";
 import { cn } from "@/lib/utils";
 
diff --git a/src/routes/magic-link/$magic-link.tsx b/src/routes/magic-link/$magic-link.tsx
index 96a833c..a8cedda 100644
--- a/src/routes/magic-link/$magic-link.tsx
+++ b/src/routes/magic-link/$magic-link.tsx
@@ -14,7 +14,7 @@ function RouteComponent() {
 	const { "magic-link": magicLink } = Route.useParams();
 
 	const [code, setCode] = useState<string[]>(Array(6).fill(""));
-	const [isAutoSubmitted, setIsAutoSubmitted] = useState(false);
+	const [isAutoSubmitted, _] = useState(false);
 
 	const [resendTimeout, setResendTimeout] = useState(() => {
 		const savedTimeout = localStorage.getItem("resendTimeout");