diff --git a/src/app/page.tsx b/src/app/page.tsx index b59ceaab7..c2fdc39cc 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,94 +1,79 @@ 'use client'; -import { CaretRightIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons'; -import { Flex, Text, TextField } from '@radix-ui/themes'; +import { CaretRightIcon } from '@radix-ui/react-icons'; +import { Flex } from '@radix-ui/themes'; import Link from 'next/link'; -import { useRef } from 'react'; -import { Search, SearchItem } from 'react-fuzzysort'; import PageWrapper from '../components/PageWrapper'; import { TOOLS } from '../constants/tools'; import { theme } from '../stitches.config'; import * as styles from './page.css'; export default function Page() { - const input = useRef(null); - return ( - - - - - + + {/* + + + + */} - - - ({ - node: ( - { - if (tool.disabled) event.preventDefault(); - }} - > - - {tool.title} - - - - {tool.disabled ? 'Coming soon!' : tool.description} - - - ), - query: `${tool.title} ${tool.description}`, - }) satisfies SearchItem, - )} - /> + + {TOOLS.map((tool) => ( + { + if (tool.disabled) event.preventDefault(); + }} + > + + {tool.title} + + + + {tool.disabled ? 'Coming soon!' : tool.description} + + + ))} + - - - Images courtesy of Wargaming Art Department - ); }