diff --git a/apps/forge/src/components/navbar/index.tsx b/apps/forge/src/components/navbar/index.tsx index 1f1d0300..d3fcd44a 100644 --- a/apps/forge/src/components/navbar/index.tsx +++ b/apps/forge/src/components/navbar/index.tsx @@ -1,10 +1,43 @@ -import { useState, useCallback } from "react"; import AppNav from "@/components/navbar/appNav"; import AppSwitcher from "@/components/navbar/appSwitcher"; import { ThemeSwitcher } from "@/components/navbar/themeSwitcher"; import { UserNav } from "@/components/navbar/userNav"; -import { Menu, X } from "lucide-react"; +import { getCookie, setCookie } from "@/services/cookies/cookieService"; +import { Badge } from "@ui/components/ui/badge"; import { Button } from "@ui/components/ui/button"; +import { Menu, X, XIcon } from "lucide-react"; +import { useCallback, useState } from "react"; + +function NotificationBanner() { + const [dismissed, setDismissed] = useState(getCookie("notification_dismissed") === "true" || false); + + if (dismissed) return null; + + const handleDismiss = () => { + setDismissed(true); + // Set the cookie to remember the dismissal + setCookie("notification_dismissed", "true"); + }; + + return ( +