chore: market notification [skip cypress] (#1828)

* chore: market notification * chore: market notification * chore: warning update * chore: update msg * chore: fix msg * chore: update msg
aave · Nov 4, 2023 · 3081b1c · 3081b1c
1 parent 8848779
commit 3081b1c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
@@ -1,14 +1,22 @@
 import { Box } from '@mui/material';
 import React, { ReactNode } from 'react';
 import AnalyticsConsent from 'src/components/Analytics/AnalyticsConsent';
+import { useProtocolDataContext } from 'src/hooks/useProtocolDataContext';
+import TopBarNotify from 'src/layouts/TopBarNotify';
 import { FORK_ENABLED } from 'src/utils/marketsAndNetworksConfig';
 
 import { AppFooter } from './AppFooter';
 import { AppHeader } from './AppHeader';
 
 export function MainLayout({ children }: { children: ReactNode }) {
+  const { currentMarket } = useProtocolDataContext();
+
   return (
     <>
+      {currentMarket === 'proto_mainnet' || currentMarket === 'proto_avalanche_v3' ? (
+        <TopBarNotify notifyText="An issue in a certain feature of the Aave Protocol was identified. Some markets or assets are temporarily paused. No funds are at risk." />
+      ) : null}
+
       <AppHeader />
       <Box component="main" sx={{ display: 'flex', flexDirection: 'column', flex: 1 }}>
         {children}

diff --git a/src/layouts/TopBarNotify.tsx b/src/layouts/TopBarNotify.tsx
@@ -12,7 +12,7 @@ import { useRootStore } from 'src/store/root';
 
 interface TopBarNotifyProps {
   notifyText: ReactNode;
-  learnMoreLink: string;
+  learnMoreLink?: string;
 }
 
 export default function TopBarNotify({ notifyText, learnMoreLink }: TopBarNotifyProps) {
@@ -65,7 +65,8 @@ export default function TopBarNotify({ notifyText, learnMoreLink }: TopBarNotify
           <Box sx={{ padding: md ? '20px 10px' : '', paddingRight: 0 }}>
             <Typography component="div">
               <Trans>{notifyText}</Trans>
-              {md ? (
+
+              {learnMoreLink && md ? (
                 <Link
                   sx={{ color: 'white', textDecoration: 'underline', paddingLeft: 2 }}
                   target={'_blank'}
@@ -77,7 +78,7 @@ export default function TopBarNotify({ notifyText, learnMoreLink }: TopBarNotify
             </Typography>
           </Box>
           <Box>
-            {!md ? (
+            {!md && learnMoreLink ? (
               <Button
                 component="a"
                 target={'_blank'}