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

add month/year to player page

Browse Source
This commit is contained in:
Kalle (Sendou)
2020-11-20 15:55:57 +02:00
parent ddc3327a20
commit 8d4fd59078
2 changed files with 41 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/player/PlayerTable.tsx
View File

@@ -1,4 +1,5 @@
import { Text } from "@chakra-ui/react";
import { Trans } from "@lingui/macro";
import ModeImage from "components/common/ModeImage";
import {
Table,
@@ -28,10 +29,24 @@ const PlayerPage: React.FC<Props> = ({ placements }) => {
<TableHead>
<TableRow>
<TableHeader width={4} />
<TableHeader>{t("xsearch;Name")}</TableHeader>
<TableHeader>{t("xsearch;X Power")}</TableHeader>
<TableHeader>{t("xsearch;Mode")}</TableHeader>
<TableHeader>{t("freeagents;Weapon")}</TableHeader>
<TableHeader>
<Trans>Name</Trans>
</TableHeader>
<TableHeader>
<Trans>X Power</Trans>
</TableHeader>
<TableHeader>
<Trans>Mode</Trans>
</TableHeader>
<TableHeader>
<Trans>Weapon</Trans>
</TableHeader>
<TableHeader width={4}>
<Trans>Month</Trans>
</TableHeader>
<TableHeader>
<Trans>Year</Trans>
</TableHeader>
</TableRow>
</TableHead>
<TableBody>
@@ -51,6 +66,8 @@ const PlayerPage: React.FC<Props> = ({ placements }) => {
<TableCell>
<WeaponImage name={record.weapon} size={32} />
</TableCell>
<TableCell>{record.month}</TableCell>
<TableCell>{record.year}</TableCell>
</TableRow>
);
})}

39
pages/player/[id].tsx
View File

@@ -10,9 +10,27 @@ import {
const prisma = DBClient.getInstance().prisma;
// FIXME: should probably not prerender all player pages -- where userId is not null
const PlayerPage = ({ placements }: Props) => {
// FIXME: spinner
if (!placements) return null;
return (
<>
<Breadcrumbs
pages={[
{ name: t`Top 500 Browser`, link: "/top500" },
{ name: placements[0].playerName },
]}
/>
<PlayerTable placements={placements} />
</>
);
};
export const getStaticPaths: GetStaticPaths = async () => {
const players = await prisma.player.findMany({});
const players = await prisma.player.findMany({
where: { NOT: [{ userId: null }] },
});
return {
paths: players.map((p) => ({ params: { id: p.switchAccountId } })),
fallback: true,
@@ -34,21 +52,4 @@ export const getStaticProps: GetStaticProps<Props> = async ({ params }) => {
};
};
const PlayerPage = ({ placements }: Props) => {
// FIXME: spinner
if (!placements) return null;
return (
<>
<Breadcrumbs
pages={[
{ name: t`Top 500 Browser`, link: "/top500" },
{ name: placements[0].playerName },
]}
/>
<PlayerTable placements={placements} />
</>
);
};
export default PlayerPage;