import Box from "@material-ui/core/Box" import { Theme } from "@material-ui/core/styles" import Table from "@material-ui/core/Table" import TableBody from "@material-ui/core/TableBody" import TableCell from "@material-ui/core/TableCell" import TableContainer from "@material-ui/core/TableContainer" import TableHead from "@material-ui/core/TableHead" import TableRow from "@material-ui/core/TableRow" import useTheme from "@material-ui/styles/useTheme" import { FC } from "react" import * as TypesGen from "../../api/typesGenerated" import { EmptyState } from "../EmptyState/EmptyState" import { TableLoader } from "../TableLoader/TableLoader" export const Language = { emptyMessage: "No versions found", nameLabel: "Version name", createdAtLabel: "Created at", createdByLabel: "Created by", } export interface VersionsTableProps { versions?: TypesGen.TemplateVersion[] } export const VersionsTable: FC> = ({ versions }) => { const isLoading = !versions const theme: Theme = useTheme() return ( {Language.nameLabel} {Language.createdAtLabel} {Language.createdByLabel} {isLoading && } {versions && versions .slice() .reverse() .map((version) => { return ( {version.name} {new Date(version.created_at).toLocaleString()} {version.created_by_name} ) })} {versions && versions.length === 0 && ( )}
) }