5bb1c383ac
### What problem does this PR solve? Feat: Bind data to the agent module of the home page #3221 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
32 lines
821 B
TypeScript
32 lines
821 B
TypeScript
import { Loader2 } from 'lucide-react';
|
|
import { PropsWithChildren } from 'react';
|
|
import { TableCell, TableRow } from './ui/table';
|
|
|
|
type IProps = { columnsLength: number };
|
|
|
|
function Row({ children, columnsLength }: PropsWithChildren & IProps) {
|
|
return (
|
|
<TableRow>
|
|
<TableCell colSpan={columnsLength} className="h-24 text-center">
|
|
{children}
|
|
</TableCell>
|
|
</TableRow>
|
|
);
|
|
}
|
|
|
|
export function TableSkeleton({
|
|
columnsLength,
|
|
children,
|
|
}: PropsWithChildren & IProps) {
|
|
return (
|
|
<Row columnsLength={columnsLength}>
|
|
{children || (
|
|
<Loader2 className="animate-spin size-16 inline-block text-gray-400" />
|
|
)}
|
|
</Row>
|
|
);
|
|
}
|
|
|
|
export function TableEmpty({ columnsLength }: { columnsLength: number }) {
|
|
return <Row columnsLength={columnsLength}>No results.</Row>;
|
|
}
|