TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-23 19:49:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: localize tankopedia meta section

Browse Source
This commit is contained in:
tresabhi committed 2025-01-14 14:04:46 -06:00
1 parent e0c897025e
commit ceb7842d49
2 files changed
+45 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/website/src/components/Tankopedia/MetaSection/index.tsx
+23 -21
View File
@@ -47,7 +47,7 @@ export function MetaSection() {
<LinkI18n locale={locale} href="/tools/tankopedia">
<Button variant="outline">
<ChevronLeftIcon />
Back
{strings.website.tools.tankopedia.meta.back}
</Button>
</LinkI18n>
@@ -57,7 +57,7 @@ export function MetaSection() {
>
<Button variant="outline">
<MixIcon />
Compare
{strings.website.tools.tankopedia.meta.compare}
</Button>
</LinkI18n>
@@ -73,8 +73,8 @@ export function MetaSection() {
<ScienceIcon height="1.25em" width="1.25em" />
{assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH) ===
'opentest'
? 'Vanilla'
: 'OpenTest'}
? strings.website.tools.tankopedia.meta.vanilla
: strings.website.tools.tankopedia.meta.opentest}
</Button>
</Link>
)}
@@ -83,12 +83,14 @@ export function MetaSection() {
<Dialog.Trigger>
<Button>
<UpdateIcon />
Swap
{strings.website.tools.tankopedia.meta.swap.button}
</Button>
</Dialog.Trigger>
<Dialog.Content>
<Dialog.Title>Swap tanks</Dialog.Title>
<Dialog.Title>
{strings.website.tools.tankopedia.meta.swap.title}
</Dialog.Title>
<TankSearch
compact
@@ -121,9 +123,11 @@ export function MetaSection() {
>
<Flex direction="column" width="100%">
{protagonist.name_full && (
<Listing label="Full-name">{protagonist.name_full}</Listing>
<Listing label={strings.website.tools.tankopedia.meta.full_name}>
{protagonist.name_full}
</Listing>
)}
<Listing label="Nation">
<Listing label={strings.website.tools.tankopedia.meta.nation}>
<Flex align="center" gap="1">
<img
style={{ width: '1em', height: '1em' }}
@@ -137,17 +141,17 @@ export function MetaSection() {
}
</Flex>
</Listing>
<Listing label="Class">
<Listing label={strings.website.tools.tankopedia.meta.class}>
<Flex align="center" gap="1">
<ClassIcon width="1em" height="1em" />
{strings.common.tank_class_short[protagonist.class]}
</Flex>
</Listing>
<Listing label="Tier">
<Listing label={strings.website.tools.tankopedia.meta.tier}>
{TIER_ROMAN_NUMERALS[protagonist.tier]}
</Listing>
<Listing
label="Type"
label={strings.website.tools.tankopedia.meta.type}
color={
protagonist.type === TankType.COLLECTOR
? 'blue'
@@ -162,12 +166,12 @@ export function MetaSection() {
<Flex direction="column" width="100%">
{developerMode && (
<Listing label="DEV: ID">
<Listing label={strings.website.tools.tankopedia.meta.dev_id}>
<Code>{protagonist.id}</Code>
</Listing>
)}
{protagonist.type === TankType.PREMIUM && (
<Listing label="Purchase price">
<Listing label={strings.website.tools.tankopedia.meta.purchase}>
<Flex align="center" gap="1">
{protagonist.price.value / 400}
<img
@@ -179,11 +183,11 @@ export function MetaSection() {
</Listing>
)}
<Listing
label={`${
label={
protagonist.type === TankType.RESEARCHABLE
? 'Purchase'
: 'Restoration'
} price`}
? strings.website.tools.tankopedia.meta.purchase
: strings.website.tools.tankopedia.meta.restoration
}
>
<Flex align="center" gap="1">
{protagonist.price.value.toLocaleString(locale)}
@@ -200,7 +204,7 @@ export function MetaSection() {
/>
</Flex>
</Listing>
<Listing label="Sale price">
<Listing label={strings.website.tools.tankopedia.meta.sale}>
<Flex align="center" gap="1">
{(protagonist.price.value / 2).toLocaleString(locale)}
<img
@@ -217,7 +221,7 @@ export function MetaSection() {
</Flex>
</Listing>
{protagonist.research_cost && (
<Listing label="Research XP">
<Listing label={strings.website.tools.tankopedia.meta.research}>
<Flex align="center" gap="1">
{(
protagonist.research_cost.research_cost_type!
@@ -233,8 +237,6 @@ export function MetaSection() {
)}
</Flex>
</Flex>
{/* <Votes /> */}
</Flex>
</Flex>
);