From da72d0f3d03ad59f45bdbbb142f74745dfdb89b7 Mon Sep 17 00:00:00 2001
From: Alexandria Roberts <iamlexieonearth@gmail.com>
Date: Thu, 5 May 2022 07:00:01 +0800
Subject: [PATCH 1/4] update boba network

---
 pages/[locale]/index.tsx     |  6 ++++++
 public/img/networks/boba.svg | 10 ++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 public/img/networks/boba.svg

diff --git a/pages/[locale]/index.tsx b/pages/[locale]/index.tsx
index e93aefe02fba..e5f4c93d2c57 100644
--- a/pages/[locale]/index.tsx
+++ b/pages/[locale]/index.tsx
@@ -382,6 +382,12 @@ const Index: NextPage<IndexProps> = ({ navItems }: IndexProps) => {
               href: 'https://moonbeam.network/',
               beta: true,
             },
+            {
+              title: 'Boba Network',
+              image: '/img/networks/boba.svg',
+              href: 'https://boba.network/',
+              beta: true,
+            },
           ].map((network, index) => (
             <Flex.Column as="li" key={index}>
               <Text as="div" size="14px" color="White48" sx={{ textAlign: 'center' }}>
diff --git a/public/img/networks/boba.svg b/public/img/networks/boba.svg
new file mode 100644
index 000000000000..11adf463b082
--- /dev/null
+++ b/public/img/networks/boba.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12296_495016)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3539 0.0322613C13.5674 -0.175283 14.7195 0.640271 14.927 1.85385L18.9717 25.5046C21.7509 23.4847 25.1712 22.2934 28.8697 22.2934C38.1776 22.2934 45.7231 29.8389 45.7231 39.1468C45.7231 48.4546 38.1776 56.0002 28.8697 56.0002C19.5619 56.0002 12.0163 48.4546 12.0163 39.1468C12.0163 35.5172 13.1637 32.1556 15.1155 29.4049L10.5323 2.60544C10.3247 1.39186 11.1403 0.239806 12.3539 0.0322613ZM18.9462 38.5797C17.9686 38.7469 17.0309 38.2502 16.5947 37.4163C16.5157 37.9818 16.4749 38.5595 16.4749 39.1468C16.4749 45.9922 22.0243 51.5416 28.8697 51.5416C35.7152 51.5416 41.2646 45.9922 41.2646 39.1468C41.2646 32.3013 35.7152 26.7519 28.8697 26.7519C25.3156 26.7519 22.1108 28.2478 19.8507 30.6444L20.7678 36.0065C20.9753 37.2201 20.1597 38.3721 18.9462 38.5797ZM29.2264 41.376C30.4576 41.376 31.4557 40.378 31.4557 39.1468C31.4557 37.9156 30.4576 36.9175 29.2264 36.9175C27.9952 36.9175 26.9971 37.9156 26.9971 39.1468C26.9971 40.378 27.9952 41.376 29.2264 41.376ZM32.7933 31.6564C32.7933 32.8876 31.7952 33.8856 30.564 33.8856C29.3328 33.8856 28.3347 32.8876 28.3347 31.6564C28.3347 30.4252 29.3328 29.4271 30.564 29.4271C31.7952 29.4271 32.7933 30.4252 32.7933 31.6564ZM35.9143 39.1468C37.1455 39.1468 38.1436 38.1487 38.1436 36.9175C38.1436 35.6863 37.1455 34.6882 35.9143 34.6882C34.6831 34.6882 33.685 35.6863 33.685 36.9175C33.685 38.1487 34.6831 39.1468 35.9143 39.1468ZM25.8379 34.3315C25.8379 35.5627 24.8398 36.5608 23.6086 36.5608C22.3774 36.5608 21.3793 35.5627 21.3793 34.3315C21.3793 33.1003 22.3774 32.1022 23.6086 32.1022C24.8398 32.1022 25.8379 33.1003 25.8379 34.3315ZM22.1819 43.6053C23.4131 43.6053 24.4112 42.6072 24.4112 41.376C24.4112 40.1448 23.4131 39.1468 22.1819 39.1468C20.9507 39.1468 19.9526 40.1448 19.9526 41.376C19.9526 42.6072 20.9507 43.6053 22.1819 43.6053ZM29.7614 46.6372C29.7614 47.8684 28.7634 48.8664 27.5322 48.8664C26.301 48.8664 25.3029 47.8684 25.3029 46.6372C25.3029 45.406 26.301 44.4079 27.5322 44.4079C28.7634 44.4079 29.7614 45.406 29.7614 46.6372ZM34.5767 46.1913C35.8079 46.1913 36.806 45.1932 36.806 43.962C36.806 42.7308 35.8079 41.7327 34.5767 41.7327C33.3455 41.7327 32.3474 42.7308 32.3474 43.962C32.3474 45.1932 33.3455 46.1913 34.5767 46.1913Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_12296_495016">
+<rect width="56" height="56" fill="white"/>
+</clipPath>
+</defs>
+</svg>

From 93ade828a178f653c7e706cfd03076753bf6b13a Mon Sep 17 00:00:00 2001
From: Alexandria Roberts <iamlexieonearth@gmail.com>
Date: Thu, 5 May 2022 08:35:12 +0800
Subject: [PATCH 2/4] added extra padding and fixed font size

---
 pages/[locale]/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/[locale]/index.tsx b/pages/[locale]/index.tsx
index e5f4c93d2c57..9a0269d9882a 100644
--- a/pages/[locale]/index.tsx
+++ b/pages/[locale]/index.tsx
@@ -415,7 +415,7 @@ const Index: NextPage<IndexProps> = ({ navItems }: IndexProps) => {
             </Flex.Column>
           ))}
         </ul>
-        <Paragraph size="14px">*{t('index.supportedNetworks.betaWarning')}</Paragraph>
+        <Paragraph sx={{ pt: '16px', fontSize: '14px' }}>*{t('index.supportedNetworks.betaWarning')}</Paragraph>
       </div>
     </MDXLayout>
   )

From 3b0944fef465d2fe5e5f38d45a6f5de3011c6f6d Mon Sep 17 00:00:00 2001
From: Alexandria Roberts <iamlexieonearth@gmail.com>
Date: Thu, 5 May 2022 09:13:29 +0800
Subject: [PATCH 3/4] updated font size and added padding

---
 pages/[locale]/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/[locale]/index.tsx b/pages/[locale]/index.tsx
index 9a0269d9882a..dd26ecbd1003 100644
--- a/pages/[locale]/index.tsx
+++ b/pages/[locale]/index.tsx
@@ -415,7 +415,7 @@ const Index: NextPage<IndexProps> = ({ navItems }: IndexProps) => {
             </Flex.Column>
           ))}
         </ul>
-        <Paragraph sx={{ pt: '16px', fontSize: '14px' }}>*{t('index.supportedNetworks.betaWarning')}</Paragraph>
+        <Text.P14 sx={{ pt: '16px' }}>*{t('index.supportedNetworks.betaWarning')}</Text.P14>
       </div>
     </MDXLayout>
   )

From 413e7a3702ad17da28052919be73d5e15c8d73f0 Mon Sep 17 00:00:00 2001
From: Alexandria Roberts <iamlexieonearth@gmail.com>
Date: Thu, 5 May 2022 09:24:17 +0800
Subject: [PATCH 4/4] changed to margin from padding

---
 pages/[locale]/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/[locale]/index.tsx b/pages/[locale]/index.tsx
index dd26ecbd1003..ff28ea3a0a1c 100644
--- a/pages/[locale]/index.tsx
+++ b/pages/[locale]/index.tsx
@@ -415,7 +415,7 @@ const Index: NextPage<IndexProps> = ({ navItems }: IndexProps) => {
             </Flex.Column>
           ))}
         </ul>
-        <Text.P14 sx={{ pt: '16px' }}>*{t('index.supportedNetworks.betaWarning')}</Text.P14>
+        <Text.P14 sx={{ mt: '32px' }}>*{t('index.supportedNetworks.betaWarning')}</Text.P14>
       </div>
     </MDXLayout>
   )