dashboard layout (#597)

This commit is contained in:
Saeed Vaziry
2025-05-13 23:42:22 +03:00
committed by GitHub
parent 38bafd7654
commit a81e9b18b7
57 changed files with 1011 additions and 843 deletions

View File

@ -1,12 +1,9 @@
import type { Server } from '@/types/server';
import type { ServerLog } from '@/types/server-log';
import Container from '@/components/container';
import Heading from '@/components/heading';
import { Progress } from '@/components/ui/progress';
import { DataTable } from '@/components/data-table';
import { columns } from '@/pages/server-logs/columns';
import { columns } from '@/pages/server-logs/partials/columns';
import { usePage } from '@inertiajs/react';
import { Button } from '@/components/ui/button';
export default function InstallingServer() {
const page = usePage<{
@ -17,14 +14,8 @@ export default function InstallingServer() {
}>();
return (
<Container>
<div className="flex items-start justify-between">
<Heading title={`Installing ${page.props.server.name}`} description="Your server is being installed" />
{page.props.server.status === 'installation_failed' && <Button variant="destructive">Delete</Button>}
</div>
<Progress value={parseInt(page.props.server.progress || '0')} />
<div className="mt-2 text-center">{page.props.server.progress}%</div>
<DataTable columns={columns} data={page.props.logs.data} />
<Container className="max-w-3xl">
<DataTable columns={columns} data={page.props.logs.data} />{' '}
</Container>
);
}