Fixing nits (#818)

aloelabs · Feb 22, 2024 · 9c51903 · 9c51903
1 parent 6110e4d
commit 9c51903
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/earn/src/pages/AdvancedPage.tsx b/earn/src/pages/AdvancedPage.tsx
@@ -409,7 +409,8 @@ export default function AdvancedPage() {
     <>
       <Banner
         bannerName='Note'
-        bannerText='Due to UI limitations, once you transact with a Borrower NFT on this page, it may not load properly on the Markets page.'
+        bannerText={`Due to UI limitations, once you transact with a Borrower NFT on this page, 
+        it may not load properly on the Markets page.`}
         bannerColor='#8884d8'
       />
       <AppPage>

diff --git a/shared/src/components/banner/Banner.tsx b/shared/src/components/banner/Banner.tsx
@@ -28,7 +28,7 @@ const BannerContainer = styled.div<{ bgColor: string }>`
   padding: 12px;
 `;
 
-const BetaBadge = styled.div<{ bgColor: string }>`
+const Badge = styled.div<{ bgColor: string }>`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -67,11 +67,11 @@ export default function Banner(props: BannerProps) {
     <BannerWrapper>
       <BannerContainer bgColor={bannerColor}>
         <div className='flex justify-center items-center'>
-          <BetaBadge bgColor='#ffffffcb' className='mix-blend-luminosity'>
+          <Badge bgColor='#ffffffcb' className='mix-blend-luminosity'>
             <Text size='S' weight='bold' color='#000000bc' className='mix-blend-darken'>
               {bannerName}
             </Text>
-          </BetaBadge>
+          </Badge>
           <Text size='S' weight='medium'>
             {bannerText}
           </Text>