nessi
830491cb0d
Add monorepo structure for NexaVPN WireGuard control plane including: - .gitignore for node_modules, build artifacts, and environment files - README with project overview, monorepo layout, and quick start guide - Admin web UI with React, Vite, TypeScript, and nginx reverse proxy - API client with type definitions for users, devices, policies, gateways, and audit logs - Admin pages for dashboard, users, devices, policies, g
38 lines
855 B
TypeScript
38 lines
855 B
TypeScript
import { PropsWithChildren, ReactNode } from "react";
|
|
|
|
type Column = {
|
|
key: string;
|
|
label: string;
|
|
};
|
|
|
|
type TableProps<T> = {
|
|
columns: Column[];
|
|
rows: T[];
|
|
renderCell: (row: T, column: Column) => ReactNode;
|
|
};
|
|
|
|
export function Table<T>({ columns, rows, renderCell }: PropsWithChildren<TableProps<T>>) {
|
|
return (
|
|
<div className="table-wrap">
|
|
<table className="table">
|
|
<thead>
|
|
<tr>
|
|
{columns.map((column) => (
|
|
<th key={column.key}>{column.label}</th>
|
|
))}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{rows.map((row, index) => (
|
|
<tr key={index}>
|
|
{columns.map((column) => (
|
|
<td key={column.key}>{renderCell(row, column)}</td>
|
|
))}
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
);
|
|
}
|