Files
TheGame/packages/web/components/Setup/SetupDone.tsx
δυς 2921a47ef0 Review: meTokens ₍wᵢₜₕ gᵣₐₙᵤₗₐᵣ 𝄴ₒₘₘᵢₜₛ₎ (#1552)
* linting 🃡

* removing MetaMask specificity 🃢

* moving `StrictMode` to Next.js 🃣

* compressing & commafying 🃤

* upgrading eslint 👘

* removing preface from guild name 🃥

* removing unnecessary ESLint `no-console` directives 🌂

* fixing a typo in a comment 🃦

* updating GraphQL codegen for paid subgraph 🦏

* replacing Discord invite link 📌

* passing through The Graph API token to Docker ♾

* setting Docker ARG to set ENV 📟

* missed a file rename in frontend Docker config 🦀

* adding ts-node to fix Docker build issue ⸙

* trying to narrow down the 500 error's source in the test instance 

* exposing The Graph API token on Cloud Run 🦃

* more logging to try & find server error 🐠

* more logging 🧱

* trying to run Node.js in development mode on Cloud Run 🎁

* reconfiguring frontend Dockerfile to also run the dev environment 🌿

* dev mode seems to function 🧨

* 768MiB wasn't enough memory 🍁

* 1GiB wasn't enough memory 🔱

* 1.5GiB was interpreted as 1GiB 🥃

* 1536MiB wasn't enough memory 👾

* 2GiB wasn't enough memory 🧲

* 3GiB wasn't enough memory 🆎

* 4GiB might have been enough, but it still doesn't load 🧻

* 5GiB requires two CPUs 📝

* giving up on dev server; unexplained HTTP 429s 🎨

* disabling Honeybadger in test instances 📮

* trying an `ErrorBoundary` to gather more info 🕷

* setting GraphQL endpoint 🇲🇰

* exposing environment variables ⛈

* trying to expose `` 📻

* the Next compiled version still references `node_modules` 🦢

* removing Alchemy API key from sources 

* trying a different Docker build action 💉

* removing logging 🍿

* switching to Docker Buildx 👠

* missed an escaped newline 🗿

* trying a newer gcloud setup action 🦝

* hopefully fixing authentication 📴

* bunch of changes to the meTokens profile section 🦜

* need credentials file 🐆

* hunting for layout load error & pushing debug statements to testing 🥁

* updating eslint 💓

* trying to debug the missing Breadchain Coop 🧀

* apparently chose the wrong changeset 🐚

* removing logging 🥀
2023-05-15 09:12:03 -06:00

104 lines
3.2 KiB
TypeScript

import { MetaHeading, Stack, Text } from '@metafam/ds';
import { ConnectToProgress, MetaGameLogo } from 'components/ConnectToProgress';
import { FlexContainer } from 'components/Container';
import { MetaLink } from 'components/Link';
import { PlayerTile } from 'components/Player/PlayerTile';
import { useUser, useWeb3 } from 'lib/hooks';
import React from 'react';
export const SetupDone: React.FC = () => {
const { user } = useUser();
const { connected } = useWeb3();
if (!user || !connected) {
return (
<FlexContainer my="auto">
<ConnectToProgress showSwitchButton={false} />
</FlexContainer>
);
}
return (
<FlexContainer flex={1} mb={8}>
<MetaGameLogo />
<MetaHeading mb={10}>Game On!</MetaHeading>
<Stack
direction={{ base: 'column', md: 'row' }}
spacing={8}
justify="center"
align="center"
>
{user && <PlayerTile player={user} />}
<Stack spacing={4} p={4} maxW="25rem" fontSize="md" h="100%">
<Text fontSize="lg">Congrats on making yourself a profile! 🎉</Text>
<Text fontSize="md">
It should come in handy for you to present yourself to the rest of
the DAO ecosystem & collaborate with others 🙃{' '}
</Text>
<Text fontSize="md">
Next, you should take the {''}
<MetaLink
textDecor="underline"
color="pink.400"
href="/play/paths/engaged-octos-path"
fontWeight="bold"
>
Path of The Engaged Octopi
</MetaLink>{' '}
to get yourself properly onboarded into MetaGame.
</Text>
<Text fontSize="md">We're excited to have you! 🐙</Text>
{/* <UnorderedList spacing={2} pl={4}>
<ListItem>
, further customize it & share it with friends.
</ListItem>
<ListItem>
Proceed to the{' '}
<MetaLink
textDecor="underline"
color="pink.400"
href="/dashboard"
fontWeight="bold"
>
dashboard
</MetaLink>{' '}
& explore the rest of the MetaOS v0.1.
</ListItem>
<ListItem>
Go to{' '}
<MetaLink
textDecor="underline"
fontWeight="bold"
color="pink.400"
href="//chat.metagame.wtf"
isExternal
>
discord
</MetaLink>
, the main place where MetaGame is currently played.
</ListItem>
<ListItem>
<MetaLink
textDecor="underline"
color="pink.400"
href="//metagame.substack.com/?utm_source=discover_search"
fontWeight="bold"
isExternal
>
Subscribe
</MetaLink>{' '}
to our newsletter stay in the loop on the latest happenings,
content & features.
</ListItem>
</UnorderedList>
<Text> Wish you a great journey & see you around!</Text> */}
</Stack>
</Stack>
</FlexContainer>
);
};