diff --git a/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx index 9e9ed2d21..ac7fb428e 100644 --- a/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx +++ b/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx @@ -10,7 +10,6 @@ import { History, Inbox, ListFilter, - MoreHorizontal, Search, X, } from "lucide-react"; @@ -86,8 +85,8 @@ export function InboxSidebar({ const [activeTab, setActiveTab] = useState("mentions"); const [activeFilter, setActiveFilter] = useState("all"); const [mounted, setMounted] = useState(false); - // Dropdown state for filter and options menus - const [openDropdown, setOpenDropdown] = useState<"filter" | "options" | null>(null); + // Dropdown state for filter menu + const [openDropdown, setOpenDropdown] = useState<"filter" | null>(null); const [markingAsReadId, setMarkingAsReadId] = useState(null); useEffect(() => { @@ -323,16 +322,23 @@ export function InboxSidebar({ open={openDropdown === "filter"} onOpenChange={(isOpen) => setOpenDropdown(isOpen ? "filter" : null)} > - - - + + + + + + + + {t("filter") || "Filter"} + + {t("filter") || "Filter"} @@ -359,30 +365,23 @@ export function InboxSidebar({ - setOpenDropdown(isOpen ? "options" : null)} - > - + + - - - - - {t("mark_all_read") || "Mark all as read"} - - - + + {t("mark_all_read") || "Mark all as read"} + + + + {t("mark_all_read") || "Mark all as read"} + + @@ -422,11 +421,8 @@ export function InboxSidebar({ {t("mentions") || "Mentions"} - - {unreadMentionsCount || 0} + + {unreadMentionsCount} @@ -437,11 +433,8 @@ export function InboxSidebar({ {t("status") || "Status"} - - {unreadStatusCount || 0} + + {unreadStatusCount} @@ -462,7 +455,7 @@ export function InboxSidebar({