- {serverHasContainers && (
-
- }
- onClick={() => changeView('cards')}
- >
- Cards
-
- }
- onClick={() => changeView('table')}
- >
- Table
-
-
- )}
}>
Nodes
@@ -265,21 +89,6 @@ export function ContainersListPage() {
}
/>
-
setListParam('user', v)}
- statusOptions={statusOptions}
- selectedStatuses={selectedStatuses}
- onStatusesChange={(v) => setListParam('status', v)}
- templateOptions={templateOptions}
- selectedTemplates={selectedTemplates}
- onTemplatesChange={(v) => setListParam('template', v)}
- hostname={hostnameQuery}
- onHostnameChange={(v) => setTextParam('q', v)}
- onClearAll={clearAllFilters}
- />
-
{error && (
{(error as ApiError).message}
@@ -306,129 +115,21 @@ export function ContainersListPage() {
No containers
- {selectedUsers.length > 0
- ? 'No containers match the selected users.'
- : 'Create your first container with the button above.'}
+ Create your first container with the button above.
)}
- {serverHasContainers && !hasContainers && (
-
- No matches
- No containers match the current filters.
-
- )}
-
- {hasContainers && view === 'cards' && (
-
- {visible.map((c: Container) => (
-
-
-
- {c.hostname}
-
-
-
-
- setShareTargetId(target.id)}
- />
-
-
-
-
-
- {showOwner && (
-
-
-
- {c.owner}
-
-
- )}
-
-
- {templateTitle(c.template)}
-
-
-
-
-
-
-
-
-
-
- ))}
-
-
-
- Hostname
- Status
- Node
- {showOwner && User}
- Template
- HTTP
- SSH
- Actions
-
-
-
- {visible.map((c: Container) => (
-
- {c.hostname}
-
-
-
-
-
-
- {showOwner && (
-
-
-
- {c.owner}
-
-
- )}
-
- {templateTitle(c.template)}
-
-
-
-
-
-
-
-
- setShareTargetId(target.id)}
- />
-
-
- ))}
-
-
+ {hasContainers && (
+ setShareTargetId(target.id)}
+ />
)}
-
- {label}
-
- {children}
-
- );
-}
-
-function NvidiaBadge({ n }: { n: Node }) {
- return n.nvidiaAvailable ? (
- Available
- ) : (
- No
- );
-}
-
-function CredentialsBadge({ n }: { n: Node }) {
- if (n.nodeType === 'dummy') {
- return Not required;
- }
-
- if (n.nodeType === 'docker') {
- return n.apiUrl ? Host set : Missing;
- }
-
- return n.hasSecret ? Set : Missing;
-}
-
-function RowActions({
- n,
- siteId,
- onDelete,
- deleting,
-}: {
- n: Node;
- siteId?: string;
- onDelete: (id: number) => void;
- deleting: boolean;
-}) {
- return (
- <>
- }
- >
- Edit
-
- }
- onClick={() => {
- if (confirm(`Delete node "${n.name}"?`)) onDelete(n.id);
- }}
- disabled={deleting}
- >
- Delete
-
-
- );
-}
export function NodesListPage() {
const { siteId } = useParams<{ siteId: string }>();
@@ -108,19 +18,6 @@ export function NodesListPage() {
enabled: !!siteId,
});
- const [view, setView] = useState(() => {
- const stored = typeof window !== 'undefined' ? window.localStorage.getItem(VIEW_STORAGE_KEY) : null;
- return stored === 'table' ? 'table' : 'cards';
- });
- const changeView = (next: ViewMode) => {
- setView(next);
- try {
- window.localStorage.setItem(VIEW_STORAGE_KEY, next);
- } catch {
- /* ignore storage failures */
- }
- };
-
const del = useMutation({
mutationFn: (id: number) => api.delete(`/api/v1/sites/${siteId}/nodes/${id}`),
onSuccess: () => {
@@ -140,34 +37,6 @@ export function NodesListPage() {
icon={}
actions={
- {hasNodes && (
-
- }
- onClick={() => changeView('cards')}
- >
- Cards
-
- }
- onClick={() => changeView('table')}
- >
- Table
-
-
- )}
)}
- {hasNodes && view === 'cards' && (
-
- {data.map((n: Node) => (
-
-
-
- {n.name}
-
-
-
-
-
-
-
-
- {n.ipv4Address || '—'}
-
-
-
- {n.apiUrl || '—'}
-
-
-
-
-
-
-
- ))}
-
-
-
- Name
- IPv4
- API URL
- NVIDIA
- Credentials
- Actions
-
-
-
- {data.map((n: Node) => (
-
- {n.name}
- {n.ipv4Address || '—'}
- {n.apiUrl || '—'}
-
-
-
-
-
-
-
-
-
-
- ))}
-
-
+ {hasNodes && (
+
)}