From bf517c45707e16cae0468f4643691172bd7c438c Mon Sep 17 00:00:00 2001
From: Henry Palacios <henrydpalacios@gmail.com>
Date: Mon, 1 Nov 2021 13:15:14 -0300
Subject: [PATCH] Do not close the notification

---
 src/custom/components/NotificationBanner/index.tsx | 3 ++-
 src/custom/pages/Profile/index.tsx                 | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/custom/components/NotificationBanner/index.tsx b/src/custom/components/NotificationBanner/index.tsx
index ba1c6f3ef..d16ef9484 100644
--- 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
index 1b40e14ea..817f5edcc 100644
--- 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>
         )}
       </>