radios for selecting on player page

This commit is contained in:
Kalle (Sendou)
2020-12-12 14:51:34 +02:00
parent c01967113c
commit b9b3d9144a
13 changed files with 55 additions and 3 deletions

View File

@@ -238,6 +238,9 @@
"Links": "Links",
"Guides": "Leitfäden",
"Misc": "Anderes",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Profil bearbeiten",

View File

@@ -238,6 +238,9 @@
"Links": "Σύνδεσμοι",
"Guides": "Οδηγοί",
"Misc": "Διάφορα",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Τροποποίηση Προφίλ",

View File

@@ -238,6 +238,9 @@
"Links": "Links",
"Guides": "Guides",
"Misc": "Misc",
"X Rank Top 500": "X Rank Top 500",
"League (Twin)": "League (Twin)",
"League (Quad)": "League (Quad)",
"Users": "Users",
"All weapons": "All weapons",
"Edit profile": "Edit profile",

View File

@@ -238,6 +238,9 @@
"Links": "Links",
"Guides": "Guías",
"Misc": "Miscelánea",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Editar perfil",

View File

@@ -238,6 +238,9 @@
"Links": "Liens",
"Guides": "Guides",
"Misc": "Divers",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Modifier son profile",

View File

@@ -238,6 +238,9 @@
"Links": "Link",
"Guides": "Guide",
"Misc": "Altro",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Modifica Profilo",

View File

@@ -238,6 +238,9 @@
"Links": "",
"Guides": "",
"Misc": "",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "",

View File

@@ -238,6 +238,9 @@
"Links": "링크들",
"Guides": "가이드들",
"Misc": "기타",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "프로필 편집",

View File

@@ -238,6 +238,9 @@
"Links": "",
"Guides": "",
"Misc": "",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "",

View File

@@ -238,6 +238,9 @@
"Links": "Links",
"Guides": "Guias",
"Misc": "Outros",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Editar perfil",

View File

@@ -238,6 +238,9 @@
"Links": "",
"Guides": "",
"Misc": "",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "",

View File

@@ -238,6 +238,9 @@
"Links": "Länkar",
"Guides": "Guider",
"Misc": "Övrigt",
"X Rank Top 500": "",
"League (Twin)": "",
"League (Quad)": "",
"Users": "",
"All weapons": "",
"Edit profile": "Redigera profil",

View File

@@ -1,4 +1,5 @@
import { t } from "@lingui/macro";
import { HStack, Radio, RadioGroup } from "@chakra-ui/react";
import { t, Trans } from "@lingui/macro";
import Breadcrumbs from "components/common/Breadcrumbs";
import QuadTable from "components/player/QuadTable";
import TwinTable from "components/player/TwinTable";
@@ -20,8 +21,6 @@ const PlayerPage = (props: Props) => {
const [tab, setTab] = useState<"XRANK" | "TWIN" | "QUAD">("QUAD");
console.log({ player });
return (
<>
<Breadcrumbs
@@ -31,6 +30,23 @@ const PlayerPage = (props: Props) => {
]}
/>
<RadioGroup
onChange={(value) => setTab(value as "XRANK" | "TWIN" | "QUAD")}
value={tab}
>
<HStack direction="row" my={8} spacing={6} fontWeight="bold">
<Radio value="XRANK">
<Trans>X Rank Top 500</Trans>
</Radio>
<Radio value="TWIN">
<Trans>League (Twin)</Trans>
</Radio>
<Radio value="QUAD">
<Trans>League (Quad)</Trans>
</Radio>
</HStack>
</RadioGroup>
{tab === "XRANK" && <XRankTable player={player} />}
{tab === "TWIN" && <TwinTable player={player} />}
{tab === "QUAD" && <QuadTable player={player} />}