More react

- consolidated lang items
- proxy host paths work

frontend/src/components/EmptyData.tsx

@@ -0,0 +1,48 @@
+import type { Table as ReactTable } from "@tanstack/react-table";
+import cn from "classnames";
+import type { ReactNode } from "react";
+import { Button } from "src/components";
+import { T } from "src/locale";
+
+interface Props {
+	tableInstance: ReactTable<any>;
+	onNew?: () => void;
+	isFiltered?: boolean;
+	object: string;
+	objects: string;
+	color?: string;
+	customAddBtn?: ReactNode;
+}
+function EmptyData({ tableInstance, onNew, isFiltered, object, objects, color = "primary", customAddBtn }: Props) {
+	return (
+		<tr>
+			<td colSpan={tableInstance.getVisibleFlatColumns().length}>
+				<div className="text-center my-4">
+					{isFiltered ? (
+						<h2>
+							<T id="empty-search" />
+						</h2>
+					) : (
+						<>
+							<h2>
+								<T id="object.empty" tData={{ objects }} />
+							</h2>
+							<p className="text-muted">
+								<T id="empty-subtitle" />
+							</p>
+							{customAddBtn ? (
+								customAddBtn
+							) : (
+								<Button className={cn("my-3", `btn-${color}`)} onClick={onNew}>
+									<T id="object.add" tData={{ object }} />
+								</Button>
+							)}
+						</>
+					)}
+				</div>
+			</td>
+		</tr>
+	);
+}
+
+export { EmptyData };