github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-01-15 01:17:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

MyMeta Fix: Nested Link Error (#737)

Browse Source 
* reposition LinkOverlay link (fixes #732) 🎳

* remove now unused MetaLink reference 🍳
This commit is contained in:
Will Holcomb
2021-08-03 18:22:12 -04:00
committed by GitHub
parent e00cd47187
commit d778cdaa4e
1 changed files with 40 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
packages/web/components/Player/PlayerTile.tsx
View File

@@ -13,7 +13,6 @@ import {
Wrap,
WrapItem,
} from '@metafam/ds';
import { MetaLink } from 'components/Link';
import { PlayerAvatar } from 'components/Player/PlayerAvatar';
import { PlayerContacts } from 'components/Player/PlayerContacts';
import { PlayerTileMemberships } from 'components/Player/PlayerTileMemberships';
@@ -48,31 +47,25 @@ export const PlayerTile: React.FC<Props> = ({ player }) => {
: description;
return (
<LinkBox>
<LinkOverlay href={`/player/${player.username}`}>
<MetaTile>
<Box
bgImage={`url(${getPlayerCoverImage(player)})`}
bgSize="cover"
bgPosition="center"
position="absolute"
top="0"
left="0"
w="100%"
h="4.5rem"
/>
<MetaTile>
<Box
bgImage={`url(${getPlayerCoverImage(player)})`}
bgSize="cover"
bgPosition="center"
position="absolute"
top={0}
left={0}
w="100%"
h="4.5rem"
/>
<LinkOverlay href={`/player/${player.username}`}>
<MetaTileHeader>
<MetaLink
as={`/player/${player.username}`}
href="/player/[username]"
key={player.id}
>
<VStack>
<PlayerAvatar player={player} size="xl" />
<Heading size="xs" color="white">
{getPlayerName(player)}
</Heading>
</VStack>
</MetaLink>
<VStack>
<PlayerAvatar player={player} size="xl" />
<Heading size="xs" color="white">
{getPlayerName(player)}
</Heading>
</VStack>
<Wrap w="100%" justify="center">
{player.playerType?.title ? (
<WrapItem>
@@ -93,9 +86,7 @@ export const PlayerTile: React.FC<Props> = ({ player }) => {
</WrapItem>
)}
<WrapItem>
<MetaTag size="md">{`XP: ${Math.floor(
player.total_xp,
)}`}</MetaTag>
<MetaTag size="md">XP: {Math.floor(player.total_xp)}</MetaTag>
</WrapItem>
</Wrap>
{tzDisplay?.timeZone ? (
@@ -116,29 +107,29 @@ export const PlayerTile: React.FC<Props> = ({ player }) => {
</VStack>
) : null}
</MetaTileHeader>
<MetaTileBody>
{player.Player_Skills.length ? (
<VStack spacing={2} align="stretch">
<Text textStyle="caption">SKILLS</Text>
<SkillsTags
skills={player.Player_Skills.map((s) => s.Skill) as Skill[]}
/>
</VStack>
) : null}
</LinkOverlay>
<MetaTileBody>
{player.Player_Skills.length ? (
<VStack spacing={2} align="stretch">
<Text textStyle="caption">SKILLS</Text>
<SkillsTags
skills={player.Player_Skills.map((s) => s.Skill) as Skill[]}
/>
</VStack>
) : null}
<PlayerTileMemberships player={player} />
<PlayerTileMemberships player={player} />
{player.Accounts.length ? (
<VStack spacing={2} align="stretch">
<Text textStyle="caption">CONTACT</Text>
<HStack mt="2">
<PlayerContacts player={player} disableBrightId />
</HStack>
</VStack>
) : null}
</MetaTileBody>
</MetaTile>
</LinkOverlay>
{player.Accounts.length ? (
<VStack spacing={2} align="stretch">
<Text textStyle="caption">CONTACT</Text>
<HStack mt={2}>
<PlayerContacts player={player} disableBrightId />
</HStack>
</VStack>
) : null}
</MetaTileBody>
</MetaTile>
</LinkBox>
);
};