FbIN/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-11-15 20:38:33 +05:30
Code Issues Projects Releases Packages Wiki Activity Actions

Add groupings for the search bar

Browse source
This commit is contained in:
Yihao Wang 2025-07-08 00:37:31 +12:00
commit ec360478cc
1 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/Hero.tsx
View file

@ -26,9 +26,7 @@ const exampleTools: { label: string; url: string }[] = [
export default function Hero() { export default function Hero() {
const [inputValue, setInputValue] = useState<string>(''); const [inputValue, setInputValue] = useState<string>('');
const theme = useTheme(); const theme = useTheme();
const [filteredTools, setFilteredTools] = useState<DefinedTool[]>( const [filteredTools, setFilteredTools] = useState<DefinedTool[]>(tools);
_.shuffle(tools)
);
const navigate = useNavigate(); const navigate = useNavigate();
const handleInputChange = ( const handleInputChange = (
event: React.ChangeEvent<{}>, event: React.ChangeEvent<{}>,
@ -66,6 +64,7 @@ export default function Hero() {
sx={{ mb: 2 }} sx={{ mb: 2 }}
autoHighlight autoHighlight
options={filteredTools} options={filteredTools}
groupBy={(option) => option.type}
inputValue={inputValue} inputValue={inputValue}
getOptionLabel={(option) => option.name} getOptionLabel={(option) => option.name}
renderInput={(params) => ( renderInput={(params) => (