Files
TheGame/packages/web/components/Setup/SetupProfile.tsx
Hammad Jutt 4e1b434cce Setup Mutations on web app (#158)
* create useSetupFlow hook

* Add availability hours and fix permissions in Hasura

* Implement mutation for About You section of profile setup
2020-10-16 00:11:07 -06:00

18 lines
661 B
TypeScript

import BackgroundImage from 'assets/profile-background.jpg';
import { FlexContainer, PageContainer } from 'components/Container';
import { SetupHeader } from 'components/Setup/SetupHeader';
import { useSetupFlow } from 'contexts/SetupContext';
import React from 'react';
export const SetupProfile: React.FC = () => {
const { step, screen, numTotalSteps, options } = useSetupFlow();
return (
<PageContainer backgroundImage={`url(${BackgroundImage})`}>
{(step + 1) % numTotalSteps !== 0 && <SetupHeader />}
<FlexContainer flex={1} pt={24}>
{options[step].screens[screen].component}
</FlexContainer>
</PageContainer>
);
};