diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx index 4de56ac48..fce4c44f6 100644 --- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx +++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx @@ -1,4 +1,4 @@ -import { Flex, Heading } from '@radix-ui/themes'; +import { Button, Flex, Heading } from '@radix-ui/themes'; import { use } from 'react'; import { ConsumableButton } from '../../../../../../../components/ModuleButtons/ConsumableButton'; import { checkConsumableProvisionInclusivity } from '../../../../../../../core/blitzkrieg/checkConsumableProvisionInclusivity'; @@ -27,7 +27,20 @@ export function Consumables() { return ( - Consumables + + Consumables + + {consumablesList.map((consumable, index) => { diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx index 8774b60b8..bb01136df 100644 --- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx +++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx @@ -1,4 +1,4 @@ -import { Flex, Heading } from '@radix-ui/themes'; +import { Button, Flex, Heading } from '@radix-ui/themes'; import { use } from 'react'; import { EquipmentButton } from '../../../../../../../components/ModuleButtons/EquipmentButton'; import { equipmentDefinitions } from '../../../../../../../core/blitzkrieg/equipmentDefinitions'; @@ -14,7 +14,24 @@ export function Equipment() { return ( - Equipment + + Equipment + + {equipmentRows.map((equipmentRow, rowIndex) => ( diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx index 3f3f113ce..76dfe680c 100644 --- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx +++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx @@ -1,4 +1,4 @@ -import { Flex, Heading } from '@radix-ui/themes'; +import { Button, Flex, Heading } from '@radix-ui/themes'; import { ModuleButton } from '../../../../../../../components/ModuleButtons/ModuleButton'; import { TIER_ROMAN_NUMERALS } from '../../../../../../../core/blitzkrieg/tankDefinitions/constants'; import { mutateDuel, useDuel } from '../../../../../../../stores/duel'; @@ -10,7 +10,40 @@ export function Modules() { return ( - Modules + + Modules + + + diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx index bca0d16c8..daf7eafde 100644 --- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx +++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx @@ -1,4 +1,4 @@ -import { Flex, Heading } from '@radix-ui/themes'; +import { Button, Flex, Heading } from '@radix-ui/themes'; import { use } from 'react'; import { ProvisionButton } from '../../../../../../../components/ModuleButtons/ProvisionButton'; import { availableProvisions } from '../../../../../../../core/blitzkrieg/availableProvisions'; @@ -18,7 +18,20 @@ export function Provisions() { return ( - Provisions + + Provisions + + {provisionsList.map((provision, index) => { diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx index cf1d83420..889032138 100644 --- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx +++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx @@ -1,5 +1,5 @@ import { InfoCircledIcon } from '@radix-ui/react-icons'; -import { Flex, Heading, Text } from '@radix-ui/themes'; +import { Button, Flex, Heading, Text } from '@radix-ui/themes'; import { use } from 'react'; import { GenericTankComponentButton } from '../../../../../../../../components/ModuleButtons/GenericTankComponentButton'; import { asset } from '../../../../../../../../core/blitzkrieg/asset'; @@ -31,7 +31,34 @@ export function Skills() { return ( - Crew skills + + Crew skills + + + Skills in yellow only apply under special diff --git a/src/app/tools/tankopedia/[id]/page.tsx b/src/app/tools/tankopedia/[id]/page.tsx index a40688167..10e42f7e2 100644 --- a/src/app/tools/tankopedia/[id]/page.tsx +++ b/src/app/tools/tankopedia/[id]/page.tsx @@ -90,7 +90,7 @@ export default function Page({ params }: { params: { id: string } }) { - +