dont refresh page

Author: colegottdank

web/components/layout/auth/authLayout.tsx

@@ -34,6 +34,7 @@ const AuthLayout = (props: AuthLayoutProps) => {
 
   const [open, setOpen] = useState(false);
   const [chatWindowOpen, setChatWindowOpen] = useState(false);
+  const [bannerDismissed, setBannerDismissed] = useState(false);
   const agentChatPanelRef = useRef<any>(null);
 
   const auth = useHeliconeAuthClient();
@@ -128,8 +129,8 @@ const AuthLayout = (props: AuthLayoutProps) => {
     const isEligibleForDiscount = GATEWAY_DISCOUNT_ELIGIBLE_ORGS.includes(
       orgContext?.currentOrg?.id || ""
     );
-    const gatewayBannerDismissed = typeof window !== "undefined" &&
-      sessionStorage.getItem("gateway-discount-banner-dismissed") === "true";
+    const gatewayBannerDismissed = bannerDismissed || (typeof window !== "undefined" &&
+      sessionStorage.getItem("gateway-discount-banner-dismissed") === "true");
 
     if (isEligibleForDiscount && !gatewayBannerDismissed) {
       return {
@@ -142,7 +143,7 @@ const AuthLayout = (props: AuthLayoutProps) => {
         dismissible: true,
         onDismiss: () => {
           sessionStorage.setItem("gateway-discount-banner-dismissed", "true");
-          window.location.reload();
+          setBannerDismissed(true);
         },
       } as BannerType;
     }
@@ -168,7 +169,7 @@ const AuthLayout = (props: AuthLayoutProps) => {
       } as BannerType;
     }
     return null;
-  }, [alertBanners?.data, orgContext, router]);
+  }, [alertBanners?.data, orgContext, router, bannerDismissed]);
 
   const { changelog } = useChangelog();
 

web/components/templates/dashboard/dashboardPage.tsx

@@ -318,6 +318,7 @@ const DashboardPage = (props: DashboardPageProps) => {
     .filter((d) => d.value !== 0);
 
   const [openSuggestGraph, setOpenSuggestGraph] = useState(false);
+  const [gatewayDiscountDismissed, setGatewayDiscountDismissed] = useState(false);
 
   return (
     <>
@@ -541,6 +542,7 @@ const DashboardPage = (props: DashboardPageProps) => {
                             orgContext?.currentOrg?.id || "",
                           ) &&
                             metrics.totalCost.data?.data &&
+                            !gatewayDiscountDismissed &&
                             !sessionStorage.getItem("gateway-discount-dismissed") && (
                               <div className="group flex items-center gap-1">
                                 <button
@@ -581,7 +583,7 @@ const DashboardPage = (props: DashboardPageProps) => {
                                 <button
                                   onClick={() => {
                                     sessionStorage.setItem("gateway-discount-dismissed", "true");
-                                    window.location.reload();
+                                    setGatewayDiscountDismissed(true);
                                   }}
                                   className="text-muted-foreground opacity-0 transition-opacity hover:text-foreground group-hover:opacity-100"
                                   aria-label="Dismiss"

web/components/templates/dashboard/panels/scores/scoresPanel.tsx

@@ -1,7 +1,6 @@
 import LoadingAnimation from "@/components/shared/loadingAnimation";
 import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
 import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart";
-import clsx from "clsx";
 import { useScores } from "./useScores";
 import { ScoresPanelProps } from "./ScoresPanelProps";
 import { useOrg } from "@/components/layout/org/organizationContext";