diff --git a/src/app/tools/compare/components/CompareTable.tsx b/src/app/tools/compare/components/CompareTable.tsx index 18b986247..b481f0fee 100644 --- a/src/app/tools/compare/components/CompareTable.tsx +++ b/src/app/tools/compare/components/CompareTable.tsx @@ -1,6 +1,6 @@ import { ComponentPlaceholderIcon } from '@radix-ui/react-icons'; -import { Button, Flex, Popover, Table } from '@radix-ui/themes'; -import { times } from 'lodash'; +import { Button, Flex, Popover, Slider, Table, Text } from '@radix-ui/themes'; +import { debounce, times } from 'lodash'; import { use } from 'react'; import { ConsumablesManager } from '../../../../components/ConsumablesManager'; import { CrewSkillManager } from '../../../../components/CrewSkillManager'; @@ -167,6 +167,7 @@ export function CompareTable({ stats }: CompareTableProps) { engine, track, consumables, + crewMastery, }, index, ) => { @@ -532,6 +533,23 @@ export function CompareTable({ stats }: CompareTableProps) { + + + {Math.round(crewMastery * 100)}% + + { + mutateCompareEphemeral((draft) => { + draft.members[index].crewMastery = value; + }); + }, 500)} + /> + + );