Inbound

apps/dashboard/src/app/[locale]/@dashboard/(root)/page.tsx

@@ -1,6 +1,5 @@
 import { Chart } from "@/components/charts/chart";
 import { ChartSelectors } from "@/components/charts/chart-selectors";
-import { Realtime } from "@/components/charts/realtime";
 import { Spending } from "@/components/charts/spending";
 import { Transactions } from "@/components/charts/transactions";
 import { OverviewModal } from "@/components/modals/overview-modal";
@@ -57,8 +56,6 @@ export default async function Overview({ searchParams }) {
           <Spending disabled={empty} />
           <Transactions disabled={empty} />
         </div>
-
-        <Realtime teamId={userData.team_id} />
       </div>
       {!isOpen && empty && <OverviewModal />}
     </>

apps/dashboard/src/components/main-menu.tsx

@@ -18,7 +18,12 @@ export function MainMenu() {
     {
       path: "/inbound",
       name: "Inbound",
-      icon: () => <Icons.Inbox2 size={22} />,
+      icon: () => (
+        <div className="relative">
+          <div className="w-1.5 h-1.5 bg-[#d98d00] rounded-full absolute -top-[5px] -right-[5px]" />
+          <Icons.Inbox2 size={22} />
+        </div>
+      ),
     },
     {
       path: "/transactions",

apps/dashboard/src/components/notification-center.tsx

@@ -8,7 +8,7 @@ import { ScrollArea } from "@midday/ui/scroll-area";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@midday/ui/tabs";
 import { formatDistanceToNow } from "date-fns";
 import Link from "next/link";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 
 function EmptyState({ description }) {
   return (
@@ -65,7 +65,6 @@ function TransactionNotification({
 }
 
 export function NotificationCenter() {
-  const hasSeen = useRef(false);
   const [isOpen, setOpen] = useState(false);
   const {
     hasUnseenNotificaitons,

apps/dashboard/src/styles/globals.css

@@ -15,12 +15,6 @@ body {
   --sidebar-width: 662px;
 }
 
-@media (min-width: 1280px) {
-  :root {
-    --sidebar-width: 827px;
-  }
-}
-
 .skeleton-box {
   background-color: hsl(var(--border));
   color: hsl(var(--border)) !important;