Merge branch 'master' into setupDocs

src/components/layouts/Footer.tsx

@@ -22,14 +22,14 @@ 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>
+          <Stack
-            <Link
             flex={1}
             color='brand.light.primary'
             _hover={{
@@ -37,16 +37,18 @@ export const Footer: FC = () => {
               bg: 'brand.light.primary',
               color: 'yellow.50 !important'
             }}
-              height='full'
+            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>
+          <Stack
-            <Link
             flex={1}
             color='brand.light.primary'
             _hover={{
@@ -54,24 +56,23 @@ export const Footer: FC = () => {
               bg: 'brand.light.primary',
               color: 'yellow.50 !important'
             }}
-              height='full'
             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>
+        <Flex sx={{ mt: '0 !important' }}>
-          <NextLink href={GETH_TWITTER_URL} passHref>
+          <Stack
-            <Link
-              isExternal
-              p={4}
-              display='flex'
             flex={1}
             data-group
             borderLeft={{
@@ -81,14 +82,16 @@ export const Footer: FC = () => {
             }}
             borderColor='brand.light.primary !important'
             _hover={{
-                bg: 'brand.light.primary'
+              bg: 'brand.light.primary',
             }}
-              justifyContent='center'
+            alignItems='center'
+            p={4}
           >
+            <NextLink href={GETH_TWITTER_URL} passHref>
+              <Link isExternal>
                 <TwitterIcon
-                w={6}
+                  w={8}
-                height={6}
+                  height={8} 
-                margin='auto'
                   _groupHover={{
                     svg: {
                       path:{fill: 'yellow.50 !important'}
@@ -97,25 +100,25 @@ export const Footer: FC = () => {
                 />
               </Link>
             </NextLink>
+          </Stack>
 
-          <NextLink href={GETH_DISCORD_URL} passHref>
+          <Stack
-            <Link
-              isExternal
-              p={4}
             data-group
-              display='flex'
             flex={1}
             _hover={{
-                bg: 'brand.light.primary'
+              bg: 'brand.light.primary',
             }}
-              justifyContent='center'
+            alignItems='center'
             borderWidth='2px'
             borderStyle='none solid'
             borderColor='brand.light.primary'
+            p={4}
           >
+            <NextLink href={GETH_DISCORD_URL} passHref>
+              <Link isExternal>
                 <DiscordIcon
-                w={6}
+                  w={8}
-                height={6}
+                  height={8} 
                   _groupHover={{
                     svg: {
                       path:{fill: 'yellow.50 !important'}
@@ -124,22 +127,22 @@ export const Footer: FC = () => {
                 />
               </Link>
             </NextLink>
+          </Stack>
 
-          <NextLink href={GETH_REPO_URL} passHref>
+          <Stack
-            <Link
-              isExternal
-              p={4}
             data-group
             flex={1}
-              display='flex'
             _hover={{
-                bg: 'brand.light.primary'
+              bg: 'brand.light.primary',
             }}
-              justifyContent='center'
+            alignItems='center'
+            p={4}
           >
+            <NextLink href={GETH_REPO_URL} passHref>
+              <Link isExternal>
                 <GitHubIcon
-                w={6}
+                  w={7}
-                height={6}
+                  height={7} 
                   _groupHover={{
                     svg: {
                       path:{fill: 'yellow.50 !important'}
@@ -148,6 +151,7 @@ export const Footer: FC = () => {
                 />
               </Link>
             </NextLink>
+          </Stack>
         </Flex>
       </Flex>
 
@@ -163,7 +167,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>
   );