chore: restore toast

src/components/Toast/Toast.tsx

@@ -45,28 +45,20 @@ const Toast: React.FC = () => {
     return () => clearInterval(interval)
   }, [])
 
-  return (
+  return userInfo?.alert_message?.length > 0 ? (
     <ToastContainer showTopToast={showTopToast}>
-      {userInfo?.alert_message?.length > 0 ? (
+      {/* <div>Logos Operators Ordinals Mint Is Live</div>
-        userInfo.alert_message
+      <a href="https://ordinalsbot.com/mint/logos-operators" target="_blank">
-      ) : (
+        https://ordinalsbot.com/mint/logos-operators
-        <>
+      </a> */}
-          <div>Logos Operators Ordinals Mint Is Live</div>
+      {userInfo.alert_message}
-          <a
-            href="https://ordinalsbot.com/mint/logos-operators"
-            target="_blank"
-          >
-            https://ordinalsbot.com/mint/logos-operators
-          </a>
-        </>
-      )}
       <div>
         <button className="close-button" onClick={() => setShowTopToast(false)}>
           <img src="/assets/close-orange.svg" alt="close" />
         </button>
       </div>
     </ToastContainer>
-  )
+  ) : null
 }
 
 const ToastContainer = styled.div<{ showTopToast: boolean }>`

src/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { Toast } from '@/components/Toast'
 import { DefaultLayout } from '@/layouts/DefaultLayout'
 import { css, Global } from '@emotion/react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
@@ -115,7 +116,7 @@ export default function App({ Component, pageProps }: AppLayoutProps) {
             }
           `}
         />
-        {/* <Toast /> */}
+        <Toast />
         {getLayout(<Component {...pageProps} />)}
       </QueryClientProvider>
     </LSDThemeProvider>