diff --git a/src/app/tools/tankopedia/[id]/components/Videos.tsx b/src/app/tools/tankopedia/[id]/components/Videos.tsx index 68414c75b..1ff65788d 100644 --- a/src/app/tools/tankopedia/[id]/components/Videos.tsx +++ b/src/app/tools/tankopedia/[id]/components/Videos.tsx @@ -1,4 +1,4 @@ -import { Flex, Heading, Link } from '@radix-ui/themes'; +import { Flex, Heading, Link, Text } from '@radix-ui/themes'; import { use } from 'react'; import PageWrapper from '../../../../../components/PageWrapper'; import { videoDefinitions } from '../../../../../core/blitzkit/videos'; @@ -14,7 +14,10 @@ export function Videos() { return ( - Review videos + + Review videos + BlitzKit does not endorse any review videos. + {videos.map((video) => ( diff --git a/src/app/tools/tankopedia/components/TankSearch/components/CompactSearchResultRow.tsx b/src/app/tools/tankopedia/components/TankSearch/components/CompactSearchResultRow.tsx index a6cb4af40..9dc885764 100644 --- a/src/app/tools/tankopedia/components/TankSearch/components/CompactSearchResultRow.tsx +++ b/src/app/tools/tankopedia/components/TankSearch/components/CompactSearchResultRow.tsx @@ -5,7 +5,7 @@ import { TIER_ROMAN_NUMERALS } from '../../../../../../core/blitzkit/tankDefinit interface CompactSearchResultRowProps { tanks: TankDefinition[]; - onSelect: (tank: TankDefinition) => void; + onSelect?: (tank: TankDefinition) => void; } export function CompactSearchResultRow({ diff --git a/src/app/tools/tankopedia/components/TankSearch/components/Results.tsx b/src/app/tools/tankopedia/components/TankSearch/components/Results.tsx index 28e1cda61..68da87cf8 100644 --- a/src/app/tools/tankopedia/components/TankSearch/components/Results.tsx +++ b/src/app/tools/tankopedia/components/TankSearch/components/Results.tsx @@ -1,5 +1,5 @@ import { slateDark } from '@radix-ui/colors'; -import { Card, Flex, Inset, Link } from '@radix-ui/themes'; +import { Card, Flex, Inset, Link, Text } from '@radix-ui/themes'; import { asset } from '../../../../../../core/blitzkit/asset'; import { TankDefinition } from '../../../../../../core/blitzkit/tankDefinitions'; import { @@ -10,14 +10,16 @@ import { } from '../../../../../../core/blitzkit/tankDefinitions/constants'; import { tankIcon } from '../../../../../../core/blitzkit/tankIcon'; import { theme } from '../../../../../../stitches.config'; +import * as styles from '../../../page.css'; import { CompactSearchResultRow } from './CompactSearchResultRow'; interface ResultsProps { compact?: boolean; results: TankDefinition[]; + onSelect?: (tank: TankDefinition) => void; } -export function Results({ compact, results }: ResultsProps) { +export function Results({ compact, results, onSelect }: ResultsProps) { const firstChunk = compact ? results.slice(0, Math.ceil(results.length / 2)) : []; @@ -39,6 +41,7 @@ export function Results({ compact, results }: ResultsProps) { {!compact && results.map((tank) => ( { mutateTankopediaPersistent((draft) => { @@ -853,7 +852,11 @@ export function TankSearch({ )} - + {searchResultsPageSlice.length > tanksPerPage / 4 && ( diff --git a/src/app/tools/tankopedia/page.css.ts b/src/app/tools/tankopedia/page.css.ts index 3ae6b2cfc..cc95795d4 100644 --- a/src/app/tools/tankopedia/page.css.ts +++ b/src/app/tools/tankopedia/page.css.ts @@ -1,6 +1,8 @@ import { style } from '@vanilla-extract/css'; import { theme } from '../../../stitches.config'; +export const listing = style({}); + export const flag = style({ transitionDuration: theme.durations.regular, left: '0',