fix: keying

This commit is contained in:
TrèsAbhi committed 2024-07-22 20:32:10 -05:00
1 parent 9ea307d90a
commit ffdb75d028
1 file changed
+5 -4
@@ -3,7 +3,7 @@
import { Callout, Flex, FlexProps, Link, Text } from '@radix-ui/themes'; import { Callout, Flex, FlexProps, Link, Text } from '@radix-ui/themes';
import { go } from 'fuzzysort'; import { go } from 'fuzzysort';
import { times } from 'lodash'; import { times } from 'lodash';
import { memo, use, useEffect, useMemo, useState } from 'react'; import { Fragment, memo, use, useEffect, useMemo, useState } from 'react';
import { AdMidSectionResponsive } from '../../../../../components/AdMidSectionResponsive'; import { AdMidSectionResponsive } from '../../../../../components/AdMidSectionResponsive';
import { ExperimentIcon } from '../../../../../components/ExperimentIcon'; import { ExperimentIcon } from '../../../../../components/ExperimentIcon';
import { TANK_CLASSES } from '../../../../../components/Tanks/components/Item/constants'; import { TANK_CLASSES } from '../../../../../components/Tanks/components/Item/constants';
@@ -453,15 +453,16 @@ export const TankSearch = memo<TankSearchProps>(
{tanks.length > 0 && ( {tanks.length > 0 && (
<TankCardWrapper> <TankCardWrapper>
{tanks.map((tank, index) => ( {tanks.map((tank, index) => (
<> <Fragment key={tank.id}>
<TankCard onSelect={onSelect} key={tank.id} tank={tank} /> <TankCard onSelect={onSelect} tank={tank} />
{!exempt && {!exempt &&
!compact && !compact &&
(index + 16) % 32 === 0 && (index + 16) % 32 === 0 &&
index !== tanks.length - 1 && ( index !== tanks.length - 1 && (
<AdMidSectionResponsive gridColumn="1 / -1" /> <AdMidSectionResponsive gridColumn="1 / -1" />
)} )}
</> </Fragment>
))} ))}
{times( {times(