diff --git a/src/app/tools/tankopedia/[id]/components/AntagonistBar/components/SearchResults.tsx b/src/app/tools/tankopedia/[id]/components/AntagonistBar/components/SearchResults.tsx index 841781ff5..f98835f2f 100644 --- a/src/app/tools/tankopedia/[id]/components/AntagonistBar/components/SearchResults.tsx +++ b/src/app/tools/tankopedia/[id]/components/AntagonistBar/components/SearchResults.tsx @@ -1,16 +1,19 @@ -import { Button, Flex, Text } from '@radix-ui/themes'; -import { use } from 'react'; +import { Button, Dialog, Flex, Text } from '@radix-ui/themes'; +import { produce } from 'immer'; +import { Dispatch, SetStateAction, use } from 'react'; import { SmallTankIcon } from '../../../../../../../components/SmallTankIcon'; import { TIER_ROMAN_NUMERALS, tankDefinitions, } from '../../../../../../../core/blitzkrieg/tankDefinitions'; +import { Duel } from '../../../page'; interface SearchResultsProps { ids: number[]; + setDuel: Dispatch>; } -export function SearchResults({ ids }: SearchResultsProps) { +export function SearchResults({ ids, setDuel }: SearchResultsProps) { const awaitedTankDefinitions = use(tankDefinitions); return ( @@ -20,31 +23,50 @@ export function SearchResults({ ids }: SearchResultsProps) { const tank = awaitedTankDefinitions[id]; return ( - +
+ {tank.name} +
+ + + + + ); })} diff --git a/src/app/tools/tankopedia/[id]/components/AntagonistBar/index.tsx b/src/app/tools/tankopedia/[id]/components/AntagonistBar/index.tsx index d62718d1e..a60a163c3 100644 --- a/src/app/tools/tankopedia/[id]/components/AntagonistBar/index.tsx +++ b/src/app/tools/tankopedia/[id]/components/AntagonistBar/index.tsx @@ -143,9 +143,9 @@ export function AntagonistBar({ justifyContent: 'space-around', }} > - + {secondChunk.length > 0 && ( - + )}