clean up table

This commit is contained in:
Ishaan Jaff 2025-02-13 11:48:27 -08:00
parent 67bd4dea43
commit b1bcd0d254

View file

@ -42,13 +42,13 @@ export function DataTable<TData, TValue>({
return (
<div className="rounded-lg custom-border table-wrapper">
<Table>
<Table className="[&_td]:py-0.5 [&_th]:py-1">
<TableHead>
{table.getHeaderGroups().map((headerGroup) => (
<TableRow key={headerGroup.id}>
{headerGroup.headers.map((header) => {
return (
<TableHeaderCell key={header.id}>
<TableHeaderCell key={header.id} className="py-1 h-8">
{header.isPlaceholder ? null : (
flexRender(
header.column.columnDef.header,
@ -64,8 +64,8 @@ export function DataTable<TData, TValue>({
<TableBody>
{isLoading ?
<TableRow>
<TableCell colSpan={columns.length} className="h-24 text-center">
<div className="p-8 text-center text-gray-500">
<TableCell colSpan={columns.length} className="h-8 text-center">
<div className="text-center text-gray-500">
<p>🚅 Loading logs...</p>
</div>
</TableCell>
@ -73,9 +73,12 @@ export function DataTable<TData, TValue>({
: table.getRowModel().rows.length > 0 ?
table.getRowModel().rows.map((row) => (
<Fragment key={row.id}>
<TableRow>
<TableRow className="h-8">
{row.getVisibleCells().map((cell) => (
<TableCell key={cell.id}>
<TableCell
key={cell.id}
className="py-0.5 max-h-8 overflow-hidden text-ellipsis whitespace-nowrap"
>
{flexRender(
cell.column.columnDef.cell,
cell.getContext()
@ -94,8 +97,8 @@ export function DataTable<TData, TValue>({
</Fragment>
))
: <TableRow>
<TableCell colSpan={columns.length} className="h-24 text-center">
<div className="p-8 text-center text-gray-500">
<TableCell colSpan={columns.length} className="h-8 text-center">
<div className="text-center text-gray-500">
<p>No logs found</p>
</div>
</TableCell>