Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-09 04:02:40 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

user page country with name

Browse Source
This commit is contained in:
Kalle (Sendou) 2021-01-09 01:17:04 +02:00
parent 7a1644690d
commit 3f123c28e1
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/u/AvatarWithInfo.tsx
View File

@ -13,7 +13,7 @@ import MyLink from "components/common/MyLink";
import SubText from "components/common/SubText";
import UserAvatar from "components/common/UserAvatar";
import WeaponImage from "components/common/WeaponImage";
import { getEmojiFlag } from "countries-list";
import { countries, getEmojiFlag } from "countries-list";
import { getFullUsername } from "lib/strings";
import { useMyTheme } from "lib/useMyTheme";
import useUser from "lib/useUser";
@ -70,12 +70,19 @@ const AvatarWithInfo: React.FC<AvatarWithInfoProps> = ({
<Heading fontFamily="'Rubik', sans-serif" size="lg">
{getFullUsername(user)}
</Heading>
{user.profile?.country && (
<Box as="span" ml={2}>
{getEmojiFlag(user.profile.country)}
</Box>
)}
</Flex>
{user.profile?.country && (
<Box mx="auto" my={1}>
<Box as="span" mr={1}>
{getEmojiFlag(user.profile.country)}{" "}
</Box>
{
Object.entries(countries).find(
([key]) => key === user.profile!.country
)![1].name
}
</Box>
)}
<Flex alignItems="center" justifyContent="center">
<Flex flexWrap="wrap" alignItems="center" justifyContent="center">
{user.profile?.twitterName && (