07ddb8fcff
### What problem does this PR solve? Feat: Add SearchPage component. #3221 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
24 lines
761 B
TypeScript
24 lines
761 B
TypeScript
import ListFilterBar from '@/components/list-filter-bar';
|
|
import { useFetchFlowList } from '@/hooks/flow-hooks';
|
|
import { Plus } from 'lucide-react';
|
|
import { SearchCard } from './search-card';
|
|
|
|
export default function SearchList() {
|
|
const { data } = useFetchFlowList();
|
|
|
|
return (
|
|
<section>
|
|
<div className="px-8 pt-8">
|
|
<ListFilterBar title="Search apps">
|
|
<Plus className="mr-2 h-4 w-4" />
|
|
Create app
|
|
</ListFilterBar>
|
|
</div>
|
|
<div className="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8 max-h-[84vh] overflow-auto px-8">
|
|
{data.map((x) => {
|
|
return <SearchCard key={x.id} data={x}></SearchCard>;
|
|
})}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|