Files
nginx-proxy-manager/frontend/src/pages/Nginx/DeadHosts/Empty.tsx
2025-09-21 17:16:46 +10:00

24 lines
703 B
TypeScript

import type { Table as ReactTable } from "@tanstack/react-table";
import { Button } from "src/components";
import { intl } from "src/locale";
interface Props {
tableInstance: ReactTable<any>;
onNew?: () => void;
}
export default function Empty({ tableInstance, onNew }: Props) {
return (
<tr>
<td colSpan={tableInstance.getVisibleFlatColumns().length}>
<div className="text-center my-4">
<h2>{intl.formatMessage({ id: "dead-hosts.empty" })}</h2>
<p className="text-muted">{intl.formatMessage({ id: "empty-subtitle" })}</p>
<Button className="btn-red my-3" onClick={onNew}>
{intl.formatMessage({ id: "dead-hosts.add" })}
</Button>
</div>
</td>
</tr>
);
}