mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-02-10 14:05:20 -05:00
8517a26048
* upgraded storybook dependencies * upgraded web dependencies * updated timezone selector * upgrade chakra in metamaps * upgraded react-dnd in metamaps * upgraded framer-motion * fixed types in metamaps * upgraded eslint * upgraded lerna, husky and graphql * upgraded node version * removed metamaps package * fixed all eslint issues * ran yarn format to prettier format all files * updated lint-staged & husky scripts * add executable perms to pre-push scripts * updated yarn.lock * fixed eslint and moved chakra icons to ds * fixed emotion errors * removed extra useContext * update yarn.lock * upgraded more packages * removed unnecessary .huskyrc.json * lint fix
30 lines
884 B
TypeScript
30 lines
884 B
TypeScript
import { Box, Divider, HStack, Text } from '@metafam/ds';
|
|
import { PlayerFragmentFragment } from 'graphql/autogen/types';
|
|
import React from 'react';
|
|
import { FaClock } from 'react-icons/fa';
|
|
|
|
import { PlayerTimeZone } from '../PlayerTimeZone';
|
|
|
|
type Props = { player: PlayerFragmentFragment };
|
|
export const PlayerCollab: React.FC<Props> = ({ player }) => (
|
|
<HStack
|
|
spacing={6}
|
|
divider={
|
|
<Divider height="3rem" color="whiteAlpha.400" orientation="vertical" />
|
|
}
|
|
>
|
|
<PlayerTimeZone player={player} />
|
|
<Box>
|
|
<Text fontSize="xs" color="blueLight" casing="uppercase" mb={3}>
|
|
Availability
|
|
</Text>
|
|
<HStack alignItems="baseline">
|
|
<FaClock color="blueLight" />
|
|
<Text fontSize="lg" fontFamily="mono" mb="1">
|
|
{`${player.availability_hours || '0'} h/week`}
|
|
</Text>
|
|
</HStack>
|
|
</Box>
|
|
</HStack>
|
|
);
|