chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

web(test): routes/Events

Browse Source
This commit is contained in:
Paul Armstrong
2021-02-14 10:47:59 -08:00
committed by Blake Blackshear
parent f87813805a
commit fe59d90c51
4 changed files with 162 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/src/components/Table.jsx
View File

@@ -6,39 +6,52 @@ export function Table({ children, className = '' }) {
);
}
export function Thead({ children, className }) {
return <thead className={className}>{children}</thead>;
export function Thead({ children, className, ...attrs }) {
return (
<thead className={className} {...attrs}>
{children}
</thead>
);
}
export function Tbody({ children, className }) {
return <tbody className={className}>{children}</tbody>;
export function Tbody({ children, className, ...attrs }) {
return (
<tbody className={className} {...attrs}>
{children}
</tbody>
);
}
export function Tfoot({ children, className = '' }) {
return <tfoot className={`${className}`}>{children}</tfoot>;
export function Tfoot({ children, className = '', ...attrs }) {
return (
<tfoot className={`${className}`} {...attrs}>
{children}
</tfoot>
);
}
export function Tr({ children, className = '' }) {
export function Tr({ children, className = '', ...attrs }) {
return (
<tr
className={`border-b border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 ${className}`}
{...attrs}
>
{children}
</tr>
);
}
export function Th({ children, className = '', colspan }) {
export function Th({ children, className = '', colspan, ...attrs }) {
return (
<th className={`border-b border-gray-400 p-2 px-1 lg:p-4 text-left ${className}`} colSpan={colspan}>
<th className={`border-b border-gray-400 p-2 px-1 lg:p-4 text-left ${className}`} colSpan={colspan} {...attrs}>
{children}
</th>
);
}
export function Td({ children, className = '', colspan }) {
export function Td({ children, className = '', colspan, ...attrs }) {
return (
<td className={`p-2 px-1 lg:p-4 ${className}`} colSpan={colspan}>
<td className={`p-2 px-1 lg:p-4 ${className}`} colSpan={colspan} {...attrs}>
{children}
</td>
);