Do not close the notification

gnosis · Nov 1, 2021 · bf517c4 · bf517c4
1 parent e88cf57
commit bf517c4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/custom/components/NotificationBanner/index.tsx b/src/custom/components/NotificationBanner/index.tsx
@@ -10,6 +10,7 @@ export interface BannerProps {
   children: React.ReactNode
   level: Level
   isVisible: boolean
+  canClose?: boolean
 }
 
 const Banner = styled.div<Pick<BannerProps, 'isVisible' | 'level'>>`
@@ -44,7 +45,7 @@ export default function NotificationBanner(props: BannerProps) {
   return (
     <Banner {...props} isVisible={isActive}>
       <BannerContainer>{props.children}</BannerContainer>
-      <StyledClose size={16} onClick={() => setIsActive(false)} />
+      {props.canClose && <StyledClose size={16} onClick={() => setIsActive(false)} />}
     </Banner>
   )
 }
diff --git a/src/custom/pages/Profile/index.tsx b/src/custom/pages/Profile/index.tsx
@@ -31,8 +31,8 @@ export default function Profile() {
     return (
       <>
         {error && (
-          <NotificationBanner isVisible level="error">
-            There was an error loading your profile data. Please try again.
+          <NotificationBanner isVisible level="error" canClose={false}>
+            There was an error loading your profile data. Please try again later.
           </NotificationBanner>
         )}
       </>