frontend/src/pages/System/Providers/table.tsx


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

import { FunctionComponent, useMemo } from "react";
import { ColumnDef } from "@tanstack/react-table";
import SimpleTable from "@/components/tables/SimpleTable";

interface Props {
  providers: System.Provider[];
}

const Table: FunctionComponent<Props> = (props) => {
  const columns = useMemo<ColumnDef<System.Provider>[]>(
    () => [
      {
        header: "Name",
        accessorKey: "name",
      },
      {
        header: "Status",
        accessorKey: "status",
      },
      {
        header: "Next Retry",
        accessorKey: "retry",
      },
    ],
    [],
  );

  return <SimpleTable columns={columns} data={props.providers}></SimpleTable>;
};

export default Table;