chore: initial project scaffold with admin web, backend, desktop client, and deployment setup
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
This commit is contained in:
37
admin-web/src/components/Table.tsx
Normal file
37
admin-web/src/components/Table.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user