gflow 0.4.18

A lightweight, single-node job scheduler written in Rust.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

import type { Reservation } from "@/api"
import { formatDuration, formatGpuSpec, formatTime } from "@/lib/format"
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/components/ui/card"
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table"
import { EmptyRow } from "@/components/dashboard/StatePanels"
import { StatusBadge } from "@/components/dashboard/StatusBadge"

export function ReservationsView({ reservations }: { reservations: Reservation[] }) {
  return (
    <Card className="rounded-lg">
      <CardHeader>
        <CardTitle>Reservations</CardTitle>
        <CardDescription>{reservations.length} reservations</CardDescription>
      </CardHeader>
      <CardContent>
        <div className="overflow-hidden rounded-lg border">
          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>ID</TableHead>
                <TableHead>Status</TableHead>
                <TableHead>User</TableHead>
                <TableHead>GPU Spec</TableHead>
                <TableHead>Start</TableHead>
                <TableHead>Duration</TableHead>
              </TableRow>
            </TableHeader>
            <TableBody>
              {reservations.length ? (
                reservations.map((reservation) => (
                  <TableRow key={reservation.id}>
                    <TableCell className="font-mono text-xs">
                      {reservation.id}
                    </TableCell>
                    <TableCell>
                      <StatusBadge value={reservation.status} />
                    </TableCell>
                    <TableCell>{reservation.user}</TableCell>
                    <TableCell>{formatGpuSpec(reservation.gpu_spec)}</TableCell>
                    <TableCell>{formatTime(reservation.start_time)}</TableCell>
                    <TableCell>{formatDuration(reservation.duration)}</TableCell>
                  </TableRow>
                ))
              ) : (
                <EmptyRow columns={6} label="No reservations" />
              )}
            </TableBody>
          </Table>
        </div>
      </CardContent>
    </Card>
  )
}