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

closes #211

Browse Source
This commit is contained in:
Kalle (Sendou)
2020-12-12 19:31:14 +02:00
parent f9f17a7d37
commit 282a555519
2 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
components/u/AvatarWithInfo.tsx
View File

@@ -18,7 +18,6 @@ import { getFullUsername } from "lib/strings";
import { useMyTheme } from "lib/useMyTheme";
import useUser from "lib/useUser";
import { GetUserByIdentifierData } from "prisma/queries/getUserByIdentifier";
import { Fragment } from "react";
import { FaGamepad, FaTwitch, FaTwitter, FaYoutube } from "react-icons/fa";
import { FiInfo } from "react-icons/fi";
import { RiTrophyLine } from "react-icons/ri";
@@ -145,38 +144,42 @@ const AvatarWithInfo: React.FC<AvatarWithInfoProps> = ({
</Flex>
)}
{Object.keys(peakXPowers).length > 0 && (
<Flex mt={8} w="100%">
<Flex mt={8}>
{(["SZ", "TC", "RM", "CB"] as RankedMode[])
.filter((mode) => peakXPowers[mode])
.map((mode, i) => (
<Fragment key={mode}>
<Flex align="center" justify="center" mx="auto">
{i !== 0 && <Divider orientation="vertical" mx={2} />}
<ModeImage mode={mode} size={32} />{" "}
<Box ml={2} color={gray}>
{peakXPowers[mode]}
</Box>
</Flex>
</Fragment>
<Flex
key={mode}
align="center"
justify="center"
mx="auto"
>
{i !== 0 && <Divider orientation="vertical" mx={2} />}
<ModeImage mode={mode} size={32} />{" "}
<Box ml={2} color={gray}>
{peakXPowers[mode]}
</Box>
</Flex>
))}
</Flex>
)}
{Object.keys(peakLeaguePowers).length > 0 && (
<Flex mt={4}>
{(["TWIN", "QUAD"] as LeagueType[])
.filter((type) => peakLeaguePowers[type])
.map((type) => (
<Fragment key={type}>
<Flex align="center" justify="center" mx={2}>
<>
<Box flexBasis="100%" h="0" />
<Flex mt={4}>
{(["TWIN", "QUAD"] as LeagueType[])
.filter((type) => peakLeaguePowers[type])
.map((type) => (
<Flex key={type} align="center" justify="center" mx={2}>
<Box ml={2} color={gray}>
<SubText>{type}</SubText>
{peakLeaguePowers[type]}
</Box>
</Flex>
</Fragment>
))}
</Flex>
))}
</Flex>
</>
)}
<Box width="100%" textAlign="center" mt={4}>
{!!user.player?.switchAccountId && (

4
prisma/queries/getPlayersPeak.ts
View File

@@ -33,14 +33,14 @@ export const getPlayersPeak = async (switchAccountId: string) => {
}
const peakLeaguePowers = player.leaguePlacements.reduce(
(acc: { TWIN?: number; QUAD?: number }, cur) => {
(acc: { TWIN: number | null; QUAD: number | null }, cur) => {
acc[cur.squad.type] = Math.max(
acc[cur.squad.type] ?? 0,
cur.squad.leaguePower
);
return acc;
},
{ TWIN: undefined, QUAD: undefined }
{ TWIN: null, QUAD: null }
);
return { peakXPowers, peakLeaguePowers };