TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-23 19:49:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: search page

Browse Source
This commit is contained in:
TrèsAbhi committed 2024-09-21 12:16:51 -05:00
1 parent 187230439b
commit 408b561b75
8 files changed
+37 -15
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/website/src/components/TankSearch/index.tsx
+13 -8
View File
@@ -19,7 +19,6 @@ import { Fragment, memo, useEffect, useMemo, useState } from 'react';
import { filterTank } from '../../core/blitzkit/filterTank';
import { resolveReload } from '../../core/blitzkit/resolveReload';
import { useAdExempt } from '../../hooks/useAdExempt';
import { useAwait } from '../../hooks/useAwait';
import { $tankFilters } from '../../stores/tankFilters';
import {
SORT_NAMES,
@@ -45,15 +44,20 @@ type TankSearchProps = Omit<FlexProps, 'onSelect'> & {
const PREVIEW_COUNT = 25;
const DEFAULT_LOADED_CARDS = 75;
const awaitedGameDefinitions = await gameDefinitions;
const awaitedModelDefinitions = await modelDefinitions;
const awaitedTankDefinitions = await tankDefinitions;
const awaitedTanksDefinitionsArray = await tankDefinitionsArray;
const awaitedTankNames = await tankNames;
export const TankSearch = memo<TankSearchProps>(
({ compact, onSelect, onSelectAll, ...props }) => {
const exempt = useAdExempt();
const awaitedGameDefinitions = useAwait(gameDefinitions);
console.log(awaitedGameDefinitions);
const awaitedModelDefinitions = useAwait(modelDefinitions);
const awaitedTankDefinitions = useAwait(tankDefinitions);
const awaitedTanksDefinitionsArray = useAwait(tankDefinitionsArray);
const awaitedTankNames = useAwait(tankNames);
// const awaitedGameDefinitions = useAwait(gameDefinitions);
// const awaitedModelDefinitions = useAwait(modelDefinitions);
// const awaitedTankDefinitions = useAwait(tankDefinitions);
// const awaitedTanksDefinitionsArray = useAwait(tankDefinitionsArray);
// const awaitedTankNames = useAwait(tankNames);
const tankFilters = useStore($tankFilters);
const tankopediaSort = useStore($tankopediaSort);
@@ -405,7 +409,8 @@ export const TankSearch = memo<TankSearchProps>(
<Flex mt="2" gap="1" align="center" justify="center" direction="column">
<Flex gap="2">
<Text color="gray">
{tanksFiltered.length} tank{tanksFiltered.length === 1 ? '' : 's'}
{tanksFiltered.length} tank
{tanksFiltered.length === 1 ? '' : 's'}
</Text>
{onSelectAll && (