marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-21 23:19:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add groupings for the search bar

Browse Source
This commit is contained in:
Yihao Wang
2025-07-08 00:37:31 +12:00
parent 68ad334a7f
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) => (