From 86ada0d098f02b72cd3c8241e0da3bb8170d8e3b Mon Sep 17 00:00:00 2001
From: Corwin Smith <cssmittys@gmail.com>
Date: Tue, 15 Nov 2022 20:24:27 +0100
Subject: [PATCH] fix footer regression (#29)

* fix footer regression

* fix social icon and copyright date
---
 src/components/layouts/Footer.tsx | 238 +++++++++++++++---------------
 1 file changed, 120 insertions(+), 118 deletions(-)

diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx
index 557dd31ea5..2d88d6d638 100644
--- a/src/components/layouts/Footer.tsx
+++ b/src/components/layouts/Footer.tsx
@@ -29,134 +29,136 @@ export const Footer: FC = () => {
         borderColor='brand.light.primary'
       >
         <Flex
+          sx={{ mt: '-2px !important' }}
           borderBottom={{
             base: '2px solid',
             md: 'none'
           }}
           borderColor='brand.light.primary'
         >
-          <NextLink href={DOWNLOADS_PAGE} passHref>
-            <Link
-              flex={1}
-              color='brand.light.primary'
-              _hover={{
-                textDecoration: 'none',
-                bg: 'brand.light.primary',
-                color: 'yellow.50 !important'
-              }}
-              height='full'
-              borderRight='2px solid'
-              borderColor='brand.light.primary'
-            >
-              <Text textStyle='home-section-link-label'>DOWNLOADS</Text>
-            </Link>
-          </NextLink>
+          <Stack
+            flex={1}
+            color='brand.light.primary'
+            _hover={{
+              textDecoration: 'none',
+              bg: 'brand.light.primary',
+              color: 'yellow.50 !important'
+            }}
+            justifyContent='center'
+            borderRight='2px solid'
+            borderColor='brand.light.primary'
+          >
+            <NextLink href={DOWNLOADS_PAGE} passHref>
+              <Link _hover={{ textDecoration: 'none' }}>
+                <Text textStyle='home-section-link-label'>DOWNLOADS</Text>
+              </Link>
+            </NextLink>
+          </Stack>
 
-
-          <NextLink href={DOCS_PAGE} passHref>
-            <Link
-              flex={1}
-              color='brand.light.primary'
-              _hover={{
-                textDecoration: 'none',
-                bg: 'brand.light.primary',
-                color: 'yellow.50 !important'
-              }}
-              height='full'
-              borderRight={{
-                base: 'none',
-                md: '2px solid'
-              }}
-              borderColor='brand.light.primary'
-            >
-              <Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
-            </Link>
-          </NextLink>
+          <Stack
+            flex={1}
+            color='brand.light.primary'
+            _hover={{
+              textDecoration: 'none',
+              bg: 'brand.light.primary',
+              color: 'yellow.50 !important'
+            }}
+            borderRight={{
+              base: 'none',
+              md: '2px solid'
+            }}
+            borderColor='brand.light.primary'
+            justifyContent='center'
+          >
+            <NextLink href={DOCS_PAGE} passHref>
+              <Link _hover={{ textDecoration: 'none' }}>
+                <Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
+              </Link>
+            </NextLink>
+          </Stack>
         </Flex>
 
-        <Flex>
-          <NextLink href={GETH_TWITTER_URL} passHref>
-            <Link
-              isExternal
-              p={4}
-              display='flex'
-              flex={1}
-              data-group
-              borderLeft={{
-                base: 'none',
-                md: '2px solid',
-                lg: 'none'
-              }}
-              borderColor='brand.light.primary !important'
-              
-              _hover={{
-                bg: 'brand.light.primary',
-              }}
-              justifyContent='center'
-            >
-              <TwitterIcon
-                w={6}
-                height={6}
-                margin='auto'
-                _groupHover={{
-                  svg: {
-                    path:{fill: 'yellow.50 !important'}
-                  }
-                }}
-              />
-            </Link>
-          </NextLink>
+        <Flex sx={{ mt: '0 !important' }}>
+          <Stack
+            flex={1}
+            data-group
+            borderLeft={{
+              base: 'none',
+              md: '2px solid',
+              lg: 'none'
+            }}
+            borderColor='brand.light.primary !important'
+            _hover={{
+              bg: 'brand.light.primary',
+            }}
+            alignItems='center'
+            p={4}
+          >
+            <NextLink href={GETH_TWITTER_URL} passHref>
+              <Link isExternal>
+                <TwitterIcon
+                  w={8}
+                  height={8} 
+                  _groupHover={{
+                    svg: {
+                      path:{fill: 'yellow.50 !important'}
+                    }
+                  }}
+                />
+              </Link>
+            </NextLink>
+          </Stack>
 
-          <NextLink href={GETH_DISCORD_URL} passHref>
-            <Link
-              isExternal
-              p={4} 
-              data-group 
-              display='flex'
-              flex={1}
-              _hover={{
-                bg: 'brand.light.primary',
-              }}
-              justifyContent='center'
-              borderWidth='2px'
-              borderStyle='none solid'
-              borderColor='brand.light.primary'
-            >
-              <DiscordIcon
-                w={6}
-                height={6} 
-                _groupHover={{
-                  svg: {
-                    path:{fill: 'yellow.50 !important'}
-                  }
-                }}
-              />
-            </Link>
-          </NextLink>
+          <Stack
+            data-group
+            flex={1}
+            _hover={{
+              bg: 'brand.light.primary',
+            }}
+            alignItems='center'
+            borderWidth='2px'
+            borderStyle='none solid'
+            borderColor='brand.light.primary'
+            p={4}
+          >
+            <NextLink href={GETH_DISCORD_URL} passHref>
+              <Link isExternal>
+                <DiscordIcon
+                  w={8}
+                  height={8} 
+                  _groupHover={{
+                    svg: {
+                      path:{fill: 'yellow.50 !important'}
+                    }
+                  }}
+                />
+              </Link>
+            </NextLink>
+          </Stack>
 
-          <NextLink href={GETH_REPO_URL} passHref>
-            <Link
-              isExternal
-              p={4}
-              data-group
-              flex={1}
-              display='flex'
-              _hover={{
-                bg: 'brand.light.primary',
-              }}
-              justifyContent='center'
-            >
-              <GitHubIcon
-                w={6}
-                height={6} 
-                _groupHover={{
-                  svg: {
-                    path:{fill: 'yellow.50 !important'}
-                  }
-                }}
-              />
-            </Link>
-          </NextLink>
+          <Stack
+            data-group
+            flex={1}
+            _hover={{
+              bg: 'brand.light.primary',
+            }}
+            alignItems='center'
+            p={4}
+          >
+            <NextLink href={GETH_REPO_URL} passHref>
+              <Link isExternal>
+                <GitHubIcon
+                  w={7}
+                  height={7} 
+                  _groupHover={{
+                    svg: {
+                      path:{fill: 'yellow.50 !important'}
+                    }
+                  }}
+                />
+              </Link>
+            </NextLink>
+          </Stack>
         </Flex>
       </Flex>
 
@@ -172,7 +174,7 @@ export const Footer: FC = () => {
         borderColor='brand.light.primary'
         flex={1}
       >
-        <Text textStyle='footer-text'>© 2013–2022. The go-ethereum Authors.</Text>
+        <Text textStyle='footer-text'>{`© 2013–${new Date().getFullYear()}. The go-ethereum Authors.`}</Text>
       </Stack>
     </Flex>
   )