Client: Added clone button for vendors

client/src/pages/vendors/create.tsx

@@ -4,11 +4,21 @@ import { Create, useForm } from "@refinedev/antd";
 import { Form, Input } from "antd";
 import TextArea from "antd/es/input/TextArea";
 
-export const VendorCreate: React.FC<IResourceComponentsProps> = () => {
-  const { formProps, saveButtonProps } = useForm();
+interface CreateOrCloneProps {
+  mode: "create" | "clone";
+}
+
+export const VendorCreate: React.FC<
+  IResourceComponentsProps & CreateOrCloneProps
+> = (props) => {
+  const { formProps, saveButtonProps, formLoading } = useForm();
 
   return (
-    <Create saveButtonProps={saveButtonProps}>
+    <Create
+      title={props.mode === "create" ? "Create Vendor" : "Clone Vendor"}
+      isLoading={formLoading}
+      saveButtonProps={saveButtonProps}
+    >
       <Form {...formProps} layout="vertical">
         <Form.Item
           label="Name"

client/src/pages/vendors/list.tsx

@@ -6,6 +6,7 @@ import {
   EditButton,
   ShowButton,
   DateField,
+  CloneButton,
 } from "@refinedev/antd";
 import { Table, Space } from "antd";
 import dayjs from "dayjs";
@@ -40,8 +41,24 @@ export const VendorList: React.FC<IResourceComponentsProps> = () => {
           dataIndex="actions"
           render={(_, record: BaseRecord) => (
             <Space>
-              <EditButton hideText size="small" recordItemId={record.id} />
-              <ShowButton hideText size="small" recordItemId={record.id} />
+              <EditButton
+                hideText
+                title="Edit"
+                size="small"
+                recordItemId={record.id}
+              />
+              <ShowButton
+                hideText
+                title="Show"
+                size="small"
+                recordItemId={record.id}
+              />
+              <CloneButton
+                hideText
+                title="Clone"
+                size="small"
+                recordItemId={record.id}
+              />
             </Space>
           )}
         />