diff --git a/src/app/tools/tankopedia/components/TankCardWrapper.tsx b/src/app/tools/tankopedia/components/TankCardWrapper.tsx index 67fc8940d..183dfa993 100644 --- a/src/app/tools/tankopedia/components/TankCardWrapper.tsx +++ b/src/app/tools/tankopedia/components/TankCardWrapper.tsx @@ -5,6 +5,7 @@ export function TankCardWrapper(props: GridProps) { void; onSelectAll?: (tanks: TankDefinition[]) => void; -} +}; export const TankSearch = memo( - ({ compact, onSelect, onSelectAll }) => { + ({ compact, onSelect, onSelectAll, ...props }) => { const awaitedGameDefinitions = use(gameDefinitions); const awaitedModelDefinitions = use(modelDefinitions); const awaitedTankDefinitions = use(tankDefinitions); @@ -52,6 +53,7 @@ export const TankSearch = memo( switch (filters.sort.by) { case 'meta.none': sorted = filtered + .sort((a, b) => b.tier - a.tier) .sort( (a, b) => treeTypeOrder.indexOf(b.treeType) - @@ -355,7 +357,7 @@ export const TankSearch = memo( }, [filters]); return ( - + {!filters.search && !filters.searching && ( @@ -410,8 +412,13 @@ export const TankSearch = memo( <> {tanks.length > 0 && ( - {tanks.map((tank) => ( - + {tanks.map((tank, index) => ( + <> + + {(index + 16) % 32 === 0 && index !== tanks.length - 1 && ( + + )} + ))} )} diff --git a/src/app/tools/tankopedia/page.tsx b/src/app/tools/tankopedia/page.tsx index cd052867f..16f578dc9 100644 --- a/src/app/tools/tankopedia/page.tsx +++ b/src/app/tools/tankopedia/page.tsx @@ -1,5 +1,6 @@ 'use client'; +import { AdMidSectionResponsive } from '../../../components/AdMidSectionResponsive'; import PageWrapper from '../../../components/PageWrapper'; import { TankSearch } from './components/TankSearch'; @@ -7,6 +8,7 @@ export default function Page() { return ( + ); }