Added a basic web UI

client/src/pages/vendors/list.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import { IResourceComponentsProps, BaseRecord } from "@refinedev/core";
+import {
+  useTable,
+  List,
+  EditButton,
+  ShowButton,
+  DateField,
+} from "@refinedev/antd";
+import { Table, Space } from "antd";
+
+export const VendorList: React.FC<IResourceComponentsProps> = () => {
+  const { tableProps } = useTable({
+    syncWithLocation: true,
+  });
+
+  return (
+    <List>
+      <Table {...tableProps} rowKey="id">
+        <Table.Column dataIndex="id" title="Id" />
+        <Table.Column dataIndex="name" title="Name" />
+        <Table.Column
+          dataIndex={["registered"]}
+          title="Registered"
+          render={(value: any) => <DateField value={value} format="lll" />}
+        />
+        <Table.Column dataIndex={["comment"]} title="Comment" />
+        <Table.Column
+          title="Actions"
+          dataIndex="actions"
+          render={(_, record: BaseRecord) => (
+            <Space>
+              <EditButton hideText size="small" recordItemId={record.id} />
+              <ShowButton hideText size="small" recordItemId={record.id} />
+            </Space>
+          )}
+        />
+      </Table>
+    </List>
+  );
+};