SchemaTable.tsx41 lines · main

1	import { HookList } from './HookList'
2	import Table from '@/components/to-be-cleaned/Table'
3
4	interface SchemaTableProps {
5	schema: string
6	filterString: string
7	}
8
9	export const SchemaTable = ({ schema, filterString }: SchemaTableProps) => {
10	return (
11	<div key={schema}>
12	<div className="sticky top-0 backdrop-blur-sm backdrop-filter">
13	<div className="flex items-baseline space-x-1 py-2">
14	<h5 className="text-foreground-light">schema</h5>
15	<h4>{schema}</h4>
16	</div>
17	</div>
18	<Table
19	className="table-fixed"
20	head={
21	<>
22	<Table.th key="name" className="w-[20%]">
23	<p className="translate-x-[36px]">Name</p>
24	</Table.th>
25	<Table.th key="table" className="w-[15%] hidden lg:table-cell">
26	Table
27	</Table.th>
28	<Table.th key="events" className="w-[24%] hidden xl:table-cell">
29	Events
30	</Table.th>
31	<Table.th key="webhook" className="hidden xl:table-cell">
32	Webhook
33	</Table.th>
34	<Table.th key="buttons" className="w-[5%]"></Table.th>
35	</>
36	}
37	body={<HookList filterString={filterString} schema={schema} />}
38	/>
39	</div>
40	)
41	}