add substack link, roster button and spacing

packages/web/components/Setup/SetupDone.tsx

@@ -1,5 +1,7 @@
-import { MetaButton, MetaHeading, Stack } from '@metafam/ds';
+import { Image, MetaButton, MetaHeading, Stack } from '@metafam/ds';
+import discord from 'assets/discord.svg';
 import { FlexContainer } from 'components/Container';
+import { MetaLink } from 'components/Link';
 import { PlayerTile } from 'components/Player/PlayerTile';
 import { useUser } from 'lib/hooks';
 import React from 'react';
@@ -9,15 +11,13 @@ export const SetupDone: React.FC = () => {
   return (
     <FlexContainer flex={1} mb={8}>
       <MetaHeading mb={10}>Game On!</MetaHeading>
-
       <Stack
-        spacing={8}
         direction={{ base: 'column', md: 'row' }}
         justify="center"
         align="center"
       >
         {user && <PlayerTile player={user} />}
-        <Stack>
+        <Stack p={[5, 8]}>
           <MetaButton
             as="a"
             href="//discord.gg/metagame"
@@ -26,6 +26,7 @@ export const SetupDone: React.FC = () => {
             py={8}
             fontSize="xl"
           >
+            <Image mr={3} boxSize={9} src={discord} />
             Play
           </MetaButton>
           <MetaButton
@@ -35,12 +36,33 @@ export const SetupDone: React.FC = () => {
             py={8}
             mt={{
               base: '0.5rem !important',
-              md: '5rem !important',
+              md: '2rem !important',
             }}
             fontSize="xl"
           >
             Explore
           </MetaButton>
+          <MetaButton
+            as="a"
+            href="//my.metagame.wtf/players"
+            px={20}
+            py={8}
+            mt={{
+              base: '0.5rem !important',
+              md: '2rem !important',
+            }}
+            fontSize="xl"
+          >
+            Roster
+          </MetaButton>
+          <MetaLink
+            mt="3rem !important"
+            fontSize={25}
+            align="center"
+            href="//https://metagame.substack.com/?utm_source=discover_search"
+          >
+            Substack
+          </MetaLink>
         </Stack>
       </Stack>
     </FlexContainer>

packages/web/next.config.js

@@ -35,6 +35,11 @@ module.exports = withTM(
           destination: '/profile/setup',
           permanent: false,
         },
+        {
+          source: '/done',
+          destination: '/profile/setup/complete',
+          permanent: false,
+        },
       ];
     },
     async rewrites() {

packages/web/pages/profile/setup/complete.tsx

@@ -1,3 +1,4 @@
+import { MegaMenu } from 'components/MegaMenu';
 import { SetupDone } from 'components/Setup/SetupDone';
 import { SetupProfile } from 'components/Setup/SetupProfile';
 import { SetupContextProvider } from 'contexts/SetupContext';
@@ -14,9 +15,11 @@ export type DefaultSetupProps = InferGetStaticPropsType<typeof getStaticProps>;
 
 const SetupComplete: React.FC<DefaultSetupProps> = () => (
   <SetupContextProvider>
-    <SetupProfile>
-      <SetupDone />
-    </SetupProfile>
+    <MegaMenu>
+      <SetupProfile>
+        <SetupDone />
+      </SetupProfile>
+    </MegaMenu>
   </SetupContextProvider>
 );
 export default SetupComplete;