From d64cc44225eec476735068662bc6f8a7e6022d51 Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Wed, 12 Jun 2024 18:48:45 +0530
Subject: [PATCH] [WEB-1597] fix: toast themes. (#4781)

---
 web/app/provider.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/app/provider.tsx b/web/app/provider.tsx
index 0cecd1ab7..5bca25748 100644
--- a/web/app/provider.tsx
+++ b/web/app/provider.tsx
@@ -1,4 +1,5 @@
 "use client";
+
 import { FC, ReactNode } from "react";
 import dynamic from "next/dynamic";
 import { AppProgressBar } from "next-nprogress-bar";
@@ -23,16 +24,20 @@ export interface IAppProvider {
   children: ReactNode;
 }
 
+const ToastWithTheme = () => {
+  const { resolvedTheme } = useTheme();
+  return <Toast theme={resolveGeneralTheme(resolvedTheme)} />;
+};
+
 export const AppProvider: FC<IAppProvider> = (props) => {
   const { children } = props;
   // themes
-  const { resolvedTheme } = useTheme();
   return (
     <>
       <AppProgressBar height="4px" color="#3F76FF" options={{ showSpinner: false }} shallowRouting />
-      <Toast theme={resolveGeneralTheme(resolvedTheme)} />
       <StoreProvider>
         <ThemeProvider themes={["light", "dark", "light-contrast", "dark-contrast", "custom"]} defaultTheme="system">
+          <ToastWithTheme />
           <InstanceWrapper>
             <StoreWrapper>
               <CrispWrapper>