aq-fe-framework 0.1.156 → 0.1.157

package/dist/modules-features/admin/core/core38677/F_core38677_Save.tsx

@@ -1,52 +0,0 @@
-import baseAxios from '@/api/baseAxios'
-import { MyButton } from '@/components/Buttons/Button/MyButton'
-import { utils_notification_show } from '@/utils/utils_notification'
-import { useMutation } from '@tanstack/react-query'
-import { useEffect, useState } from 'react'
-import { useS_core83092 } from '../core83092/useS_core83092'
-
-interface IPagePermission {
-    pageId?: number,
-    isCreate?: boolean
-    isRead?: boolean,
-    isUpdate?: boolean
-    isDelete?: boolean,
-    isPrint?: boolean,
-    isExport?: boolean
-}
-interface IBody {
-    pagePermissions?: IPagePermission[]
-    roleId?: number
-}
-export function F_core38677_Save() {
-    const store = useS_core83092()
-    const disable = useState<boolean>(false)
-    const mutation = useMutation({
-        mutationFn: async (body: IBody) => {
-            const res = await baseAxios.put("/Role/UpdatePermission", body)
-            return res
-        }
-    })
-    function handleSave() {
-        mutation.mutate({
-            pagePermissions: store.state.rolePermissions!,
-            roleId: store.state.roleId
-        }, {
-            onSuccess: () => {
-                utils_notification_show({
-                    crudType: "update"
-                })
-            }
-        })
-    }
-    useEffect(() => {
-        if (!store.state.rolePermissions || store.state.rolePermissions.length == 0) {
-            disable[1](true)
-            return
-        }
-        disable[1](false)
-    }, [store.state.rolePermissions])
-    return (
-        <MyButton disabled={disable[0]} crudType='save' onClick={handleSave} />
-    )
-}

package/dist/modules-features/admin/core/core38677/F_core38677_ViewMenuPermissions.tsx

@@ -1,264 +0,0 @@
-'use client'
-import baseAxios from "@/api/baseAxios";
-import { MyCenterFull } from "@/components/CenterFull/MyCenterFull";
-import { groupToTwoLevels, I_BasicAppShell_LinkItem, utils_layout_getItemsWithoutLinks } from "@/components/Layouts/BasicAppShell/BasicAppShell";
-import { MyFlexRow } from "@/components/Layouts/FlexRow/MyFlexRow";
-import { OBJECT_COlORS } from "@/constants/object/color";
-import { menuData } from "@/data/menuData";
-import { Checkbox, Flex, ScrollArea, Table, Text } from "@mantine/core";
-import { IconEdit, IconEyeUp, IconFileExport, IconPlus, IconPrinter, IconTrash } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import React, { useEffect, useState } from "react";
-import { I_core83092_RolePermission, useS_core83092, utils_core83092_mergePage } from "../core83092/useS_core83092";
-
-const title = "Danh sách chức năng"
-export function F_core38677_ViewMenuPermissions({ menuData }: { menuData: I_BasicAppShell_LinkItem[] }) {
-    const store = useS_core83092()
-    const query = useGetUserPermission()
-    const list = useState<I_BasicAppShell_LinkItem[]>([])
-    useEffect(() => {
-        list[1](groupToTwoLevels(menuData))
-    }, [])
-
-    useEffect(() => {
-        if (!query.data) return
-        store.setProperty("rolePermissions", query.data)
-
-    }, [query.data])
-    if (list[0]?.length == 0) return "Đang tải..."
-    return (
-        <ScrollArea.Autosize h={'70vh'} >
-            <Table>
-                <Table.Thead
-                    bg={"light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))"}
-                    style={{
-                        position: 'sticky',
-                        top: 0, zIndex: 1,
-                        boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.1)',
-                        border: '1px solid var(--mantine-color-gray-4)',
-                    }}>
-                    <Table.Tr>
-                        <Table.Th>{title}</Table.Th>
-                        <Table.Th >
-                            <Flex gap={3} direction={"column"} justify={"center"} align={"center"}>
-                                <Checkbox checked={store.isAllPermission("isRead")} onChange={(e) => {
-                                    store.toogleAllPermissionWithType("isRead", e.target.checked)
-                                }}></Checkbox>
-                                <MyFlexRow gap={3}>Xem<IconEyeUp color={"gray"} /></MyFlexRow>
-                            </Flex>
-                        </Table.Th>
-                        <Table.Th >
-                            <Flex gap={3} direction={"column"} justify={"center"} align={"center"}>
-                                <Checkbox checked={store.isAllPermission("isCreate")} onChange={(e) => {
-                                    store.toogleAllPermissionWithType("isCreate", e.target.checked)
-                                }}></Checkbox>
-                                <MyFlexRow gap={3}>Thêm<IconPlus color={"blue"} /></MyFlexRow>
-                            </Flex>
-                        </Table.Th>
-                        <Table.Th >
-                            <Flex gap={3} direction={"column"} justify={"center"} align={"center"}>
-                                <Checkbox checked={store.isAllPermission("isUpdate")} onChange={(e) => {
-                                    store.toogleAllPermissionWithType("isUpdate", e.target.checked)
-                                }}></Checkbox>
-                                <MyFlexRow gap={3}>Sửa<IconEdit color={"var(--mantine-color-yellow-8)"} /></MyFlexRow>
-                            </Flex>
-                        </Table.Th>
-                        <Table.Th >
-                            <Flex gap={3} direction={"column"} justify={"center"} align={"center"}>
-                                <Checkbox checked={store.isAllPermission("isDelete")} onChange={(e) => {
-                                    store.toogleAllPermissionWithType("isDelete", e.target.checked)
-                                }}></Checkbox>
-                                <MyFlexRow gap={3}>Xóa<IconTrash color={"var(--mantine-color-red-8)"} /></MyFlexRow>
-                            </Flex>
-                        </Table.Th>
-                        <Table.Th >
-                            <Flex gap={3} direction={"column"} justify={"center"} align={"center"}>
-                                <Checkbox checked={store.isAllPermission("isPrint")} onChange={(e) => {
-                                    store.toogleAllPermissionWithType("isPrint", e.target.checked)
-                                }}></Checkbox>
-                                <MyFlexRow gap={3}>In<IconPrinter color={"var(--mantine-color-cyan-8)"} /></MyFlexRow>
-                            </Flex>
-                        </Table.Th>
-                        <Table.Th >
-                            <Flex gap={3} direction={"column"} justify={"center"} align={"center"}>
-                                <Checkbox checked={store.isAllPermission("isExport")} onChange={(e) => {
-                                    store.toogleAllPermissionWithType("isExport", e.target.checked)
-                                }}></Checkbox>
-                                <MyFlexRow gap={3}>Xuất<IconFileExport color={"var(--mantine-color-green-8)"} /></MyFlexRow>
-                            </Flex>
-                        </Table.Th>
-                    </Table.Tr>
-                </Table.Thead>
-                <Table.Tbody bg={"light-dark(var(--mantine-color-white), var(--mantine-color-dark-8))"}>
-                    {list[0]?.map((item, idx) => {
-                        if (item.links == undefined) return (
-                            <Table.Tr key={idx}>
-                                <Table.Td>{item.label}</Table.Td>
-                                <Table.Td >
-                                    <MyCenterFull>
-                                        <Checkbox />
-                                    </MyCenterFull>
-                                </Table.Td>
-                                <Table.Td>
-                                    <MyCenterFull>
-                                        <Checkbox />
-                                    </MyCenterFull>
-                                </Table.Td>
-                                <Table.Td>
-                                    <MyCenterFull>
-                                        <Checkbox />
-                                    </MyCenterFull>
-                                </Table.Td>
-                                <Table.Td>
-                                    <MyCenterFull>
-                                        <Checkbox />
-                                    </MyCenterFull>
-                                </Table.Td>
-                                <Table.Td>
-                                    <MyCenterFull>
-                                        <Checkbox />
-                                    </MyCenterFull>
-                                </Table.Td>
-                                <Table.Td>
-                                    <MyCenterFull>
-                                        <Checkbox />
-                                    </MyCenterFull>
-                                </Table.Td>
-                            </Table.Tr>
-                        )
-
-                        return (
-                            <React.Fragment key={idx}>
-                                <Table.Tr key={item.label}>
-                                    <Table.Td
-                                        colSpan={7}
-                                        bg={OBJECT_COlORS.mantineBackgroundBlueLight}>
-                                        <Text fs={"oblique"} size="sm" fw={"bold"}>
-                                            {item.label}
-                                        </Text>
-                                    </Table.Td>
-                                </Table.Tr>
-                                {item.links.map((item, idx) =>
-                                    <Table.Tr key={idx}>
-                                        <Table.Td>{item.label}</Table.Td>
-                                        <Table.Td >
-                                            <MyCenterFull>
-                                                <Checkbox
-                                                    checked={store.findByPageId(item.pageId!)?.isRead || false}
-                                                    onChange={(e) => {
-                                                        store.updatePermission(item.pageId!, {
-                                                            isRead: e.target.checked
-                                                        })
-                                                    }}
-                                                />
-                                            </MyCenterFull>
-                                        </Table.Td>
-                                        <Table.Td>
-                                            <MyCenterFull>
-                                                <Checkbox
-                                                    checked={store.findByPageId(item.pageId!)?.isCreate || false}
-                                                    onChange={(e) => {
-                                                        store.updatePermission(item.pageId!, {
-                                                            isCreate: e.target.checked
-                                                        })
-                                                    }}
-                                                />
-                                            </MyCenterFull>
-                                        </Table.Td>
-                                        <Table.Td>
-                                            <MyCenterFull>
-                                                <Checkbox
-                                                    checked={store.findByPageId(item.pageId!)?.isUpdate || false}
-                                                    onChange={(e) => {
-                                                        store.updatePermission(item.pageId!, {
-                                                            isUpdate: e.target.checked
-                                                        })
-                                                    }}
-                                                />
-                                            </MyCenterFull>
-                                        </Table.Td>
-                                        <Table.Td>
-                                            <MyCenterFull>
-                                                <Checkbox
-                                                    checked={store.findByPageId(item.pageId!)?.isDelete || false}
-                                                    onChange={(e) => {
-                                                        store.updatePermission(item.pageId!, {
-                                                            isDelete: e.target.checked
-                                                        })
-                                                    }}
-                                                />
-                                            </MyCenterFull>
-                                        </Table.Td>
-                                        <Table.Td>
-                                            <MyCenterFull>
-                                                <Checkbox
-                                                    checked={store.findByPageId(item.pageId!)?.isPrint || false}
-                                                    onChange={(e) => {
-                                                        store.updatePermission(item.pageId!, {
-                                                            isPrint: e.target.checked
-                                                        })
-                                                    }}
-                                                />
-                                            </MyCenterFull>
-                                        </Table.Td>
-                                        <Table.Td>
-                                            <MyCenterFull>
-                                                <Checkbox
-                                                    checked={store.findByPageId(item.pageId!)?.isExport || false}
-                                                    onChange={(e) => {
-                                                        store.updatePermission(item.pageId!, {
-                                                            isExport: e.target.checked
-                                                        })
-                                                    }}
-                                                />
-                                            </MyCenterFull>
-                                        </Table.Td>
-                                    </Table.Tr>
-                                )}
-                            </React.Fragment>
-                        )
-                    })}
-                </Table.Tbody>
-            </Table>
-        </ScrollArea.Autosize>
-    )
-}
-
-function useGetUserPermission() {
-    const store = useS_core83092()
-    const query = useQuery<I_core83092_RolePermission[]>({
-        queryKey: ['F_7p4mh9d75x_AuthorizationTable', store.state.roleId],
-        queryFn: async () => {
-            const result = await baseAxios.get('/Role/GetRolePermission?roleId=' + store.state.roleId)
-            const menudataFinal = utils_layout_getItemsWithoutLinks(menuData)
-            if (result.data.data.length == 0) {
-                const final = menudataFinal.map((item) => ({
-                    pageId: item.pageId,
-                    isRead: false,
-                    isCreate: false,
-                    isUpdate: false,
-                    isDelete: false,
-                    isExport: false,
-                    isPrint: false,
-                }) as I_core83092_RolePermission)
-                return final.filter(item => item.pageId != undefined)
-            }
-            const menuDataFromAPI = result.data.data
-            const mergedArray = utils_core83092_mergePage(menudataFinal, menuDataFromAPI).map(item => ({
-                pageId: item.pageId,
-                isCreate: item.isCreate || false,
-                isRead: item.isRead || false,
-                isUpdate: item.isUpdate || false || false,
-                isDelete: item.isDelete,
-                isPrint: item.isPrint || false,
-                isExport: item.isExport || false
-            }) as I_core83092_RolePermission).filter(item => item.pageId != undefined)
-            return mergedArray
-        },
-        enabled: store.state.roleId != 0,
-        refetchOnWindowFocus: false
-    })
-    return query
-}
-
-

package/dist/modules-features/admin/core/core40207/F_core40207.tsx

@@ -1,9 +0,0 @@
-import { MyPageContent } from "@/components";
-import { F_core40207_Read } from "./F_core40207_Read";
-import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
-
-export function F_core40207({ GuidelineTypeId }: { GuidelineTypeId: number }) {
-    return (
-        <F_core40207_Read GuidelineTypeId={GuidelineTypeId} />
-    )
-}

package/dist/modules-features/admin/core/core40207/F_core40207_Create.tsx

@@ -1,81 +0,0 @@
-"use client";
-import baseAxios from "@/api/baseAxios";
-import { MyButtonCreate, MyTextInput } from "@/components";
-import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
-import { utils_file_fileToAQDocumentType } from "@/utils/utils_file";
-import { FileInput } from "@mantine/core";
-import { useForm } from "@mantine/form";
-
-interface IDocument {
-  path?: string;
-  orderBy?: number;
-  documentType?: number;
-  promulgateDate?: Date;
-  decisionCode?: string;
-  departmentName?: string;
-  description?: string;
-  startDate?: Date;
-  endDate?: Date;
-  conclusion?: string;
-  note?: string;
-  documentAttributeId?: number;
-  documentAttributeName?: string;
-  isCycleCheck?: boolean;
-  meetingDate?: Date;
-  fileDetail?: {
-    fileBase64String?: string;
-    fileExtension?: string;
-    fileName?: string;
-  };
-  id?: number;
-  code?: string;
-  name?: string;
-  concurrencyStamp?: string;
-  isEnabled?: boolean;
-  ngayChinhSua?: Date;
-  nguoiChinhSua?: string;
-}
-interface I extends IDocument {
-  file?: File;
-}
-
-export function F_core40207_Create({ GuidelineTypeId }: { GuidelineTypeId: number }) {
-  const form = useForm<I>({
-    mode: "uncontrolled",
-    validate: {
-      code: (value) => (value ? null : "Không được để trống"),
-      name: (value) => (value ? null : "Không được để trống"),
-      file: (value) => (value ? null : "Không được để trống"),
-    },
-  });
-  return (
-    <MyButtonCreate
-      objectName="văn bản"
-      form={form}
-      onSubmit={async (values) => {
-        return await baseAxios.post("/Document/create", {
-          ...values,
-          DocumentType: GuidelineTypeId, //1.4 Thông tin xây dựng, cải tiến, bảo trì hệ thống
-          fileDetail: await utils_file_fileToAQDocumentType(values.file!),
-        });
-      }}
-    >
-      <MyTextInput
-        withAsterisk
-        label="Mã tài liệu"
-        {...form.getInputProps("code")}
-      />
-      <MyTextInput
-        withAsterisk
-        label="Tên tài liệu"
-        {...form.getInputProps("name")}
-      />
-      <FileInput
-        withAsterisk
-        label="Tài liệu"
-        placeholder="Tải lên tài liệu"
-        {...form.getInputProps("file")}
-      />
-    </MyButtonCreate>
-  );
-}

package/dist/modules-features/admin/core/core40207/F_core40207_Delete.tsx

@@ -1,17 +0,0 @@
-import baseAxios from "@/api/baseAxios";
-import { MyActionIconDelete } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconDelete";
-
-export function F_core40207_Delete({
-  id,
-  contextData,
-}: {
-  id: number;
-  contextData: string;
-}) {
-  return (
-    <MyActionIconDelete
-      contextData={contextData}
-      onSubmit={() => baseAxios.post("/Document/delete", { id: id })}
-    />
-  );
-}

package/dist/modules-features/admin/core/core40207/F_core40207_Read.tsx

@@ -1,98 +0,0 @@
-"use client";
-import baseAxios from "@/api/baseAxios";
-import { MyButtonViewPDF } from "@/components/Buttons/ButtonViewPDF/MyButtonViewPDF";
-import { MyCenterFull } from "@/components/CenterFull/MyCenterFull";
-import { MyDataTable } from "@/components/DataDisplay/DataTable/MyDataTable";
-import { OBJECT_DOCUMENT_TYPES } from "@/constants/object/documentTypes";
-import { useQuery } from "@tanstack/react-query";
-import { MRT_ColumnDef } from "mantine-react-table";
-import { useMemo } from "react";
-import { F_core40207_Create } from "./F_core40207_Create";
-import { F_core40207_Delete } from "./F_core40207_Delete";
-import { F_core40207_Update } from "./F_core40207_Update";
-
-interface I {
-  path?: string;
-  orderBy?: number;
-  documentType?: number;
-  promulgateDate?: Date;
-  decisionCode?: string;
-  departmentName?: string;
-  description?: string;
-  startDate?: Date;
-  endDate?: Date;
-  conclusion?: string;
-  note?: string;
-  documentAttributeId?: number;
-  documentAttributeName?: string;
-  isCycleCheck?: boolean;
-  meetingDate?: Date;
-  fileDetail?: {
-    fileBase64String?: string;
-    fileExtension?: string;
-    fileName?: string;
-  };
-  id?: number;
-  code?: string;
-  name?: string;
-  concurrencyStamp?: string;
-  isEnabled?: boolean;
-  ngayChinhSua?: Date;
-  nguoiChinhSua?: string;
-}
-
-export function F_core40207_Read({ GuidelineTypeId }: { GuidelineTypeId: number }) {
-  const query = useQuery<I[]>({
-    queryKey: ["F_core40207_Read"],
-    queryFn: async () => {
-      const result = await baseAxios.get(
-        `/Document/GetByType?documentType=${GuidelineTypeId}`
-      );
-      return result.data?.data || [];
-    },
-  });
-  const columns = useMemo<MRT_ColumnDef<I>[]>(
-    () => [
-      {
-        header: "Mã tài liệu",
-        accessorKey: "code",
-      },
-      {
-        header: "Tên tài liệu",
-        accessorKey: "name",
-      },
-      {
-        header: "File",
-        accessorFn: (row) => {
-          return (
-            <MyCenterFull>
-              <MyButtonViewPDF id={row.id} />
-            </MyCenterFull>
-          );
-        },
-      },
-    ],
-    []
-  );
-
-  if (query.isLoading) return "Loading...";
-  if (query.isError) return "có lỗi xảy ra!";
-  return (
-    <MyDataTable
-      columns={columns}
-      data={query.data!}
-      renderTopToolbarCustomActions={() => <F_core40207_Create GuidelineTypeId={GuidelineTypeId} />}
-      renderRowActions={({ row }) => {
-        return (
-          <MyCenterFull>
-            <F_core40207_Update values={row.original} />
-            <F_core40207_Delete
-              id={row.original.id!}
-              contextData={row.original.code!}
-            />
-          </MyCenterFull>
-        );
-      }}
-    />
-  );
-}

package/dist/modules-features/admin/core/core40207/F_core40207_Update.tsx

@@ -1,83 +0,0 @@
-import baseAxios from "@/api/baseAxios";
-import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate";
-import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
-import { utils_file_fileToAQDocumentType } from "@/utils/utils_file";
-import { FileInput } from "@mantine/core";
-import { useForm } from "@mantine/form";
-interface IDocument {
-  path?: string;
-  orderBy?: number;
-  documentType?: number;
-  promulgateDate?: Date;
-  decisionCode?: string;
-  departmentName?: string;
-  description?: string;
-  startDate?: Date;
-  endDate?: Date;
-  conclusion?: string;
-  note?: string;
-  documentAttributeId?: number;
-  documentAttributeName?: string;
-  isCycleCheck?: boolean;
-  meetingDate?: Date;
-  fileDetail?: {
-    fileBase64String?: string;
-    fileExtension?: string;
-    fileName?: string;
-  };
-  id?: number;
-  code?: string;
-  name?: string;
-  concurrencyStamp?: string;
-  isEnabled?: boolean;
-  ngayChinhSua?: Date;
-  nguoiChinhSua?: string;
-}
-interface I extends IDocument {
-  file?: File;
-}
-export function F_core40207_Update({ values }: { values: I }) {
-  const form = useForm<I>({
-    mode: "uncontrolled",
-    initialValues: {
-      ...values,
-      file: new File(
-        [],
-        values.path?.split("/")[values.path.split("/").length - 1]!
-      ),
-    },
-    validate: {
-      code: (value) => (value ? null : "Không được để trống"),
-      name: (value) => (value ? null : "Không được để trống"),
-      file: (value) => (value ? null : "Không được để trống"),
-    },
-  });
-  return (
-    <MyActionIconUpdate
-      form={form}
-      onSubmit={async (values) => {
-        return await baseAxios.post("/Document/Update", {
-          ...values,
-          fileDetail: await utils_file_fileToAQDocumentType(values.file!),
-        });
-      }}
-    >
-      <MyTextInput
-        withAsterisk
-        label="Mã tài liệu"
-        {...form.getInputProps("code")}
-      />
-      <MyTextInput
-        withAsterisk
-        label="Tên tài liệu"
-        {...form.getInputProps("name")}
-      />
-      <FileInput
-        withAsterisk
-        label="Tài liệu"
-        placeholder="Tải lên tài liệu"
-        {...form.getInputProps("file")}
-      />
-    </MyActionIconUpdate>
-  );
-}

package/dist/modules-features/admin/core/core47643/F_core47643.tsx

@@ -1,10 +0,0 @@
-import { MyPageContent } from "@/components";
-import { F_core47643_Read } from "./F_core47643_Read";
-
-export function F_core47643() {
-    return (
-        <MyPageContent title="Danh mục quyền" canBack>
-            <F_core47643_Read />
-        </MyPageContent>
-    )
-}

package/dist/modules-features/admin/core/core47643/F_core47643_Delete.tsx

@@ -1,13 +0,0 @@
-import baseAxios from '@/api/baseAxios'
-import { MyActionIconDelete } from '@/components/ActionIcons/ActionIconCRUD/MyActionIconDelete'
-import { IBaseEntity } from '@/interfaces/base'
-
-const ENDPOINT = "/Role/Delete"
-export function F_core47643_Delete({ values }: { values: IBaseEntity }) {
-    return (
-        <MyActionIconDelete
-            contextData={values.code}
-            onSubmit={() => baseAxios.post(ENDPOINT, { id: values.id })}
-        />
-    )
-}

package/dist/modules-features/admin/core/core47643/F_core47643_Form.tsx

@@ -1,34 +0,0 @@
-import baseAxios from "@/api/baseAxios";
-import { MyActionIconUpdate } from "@/components/ActionIcons/ActionIconCRUD/MyActionIconUpdate";
-import { MyButtonCreate } from "@/components/Buttons/ButtonCRUD/MyButtonCreate";
-import { MyTextInput } from "@/components/Inputs/TextInput/MyTextInput";
-import { useForm } from "@mantine/form";
-
-interface I {
-    id?: number
-    code?: string,
-    name?: string
-}
-export function F_core47643_Form({ values }: { values?: I }) {
-    const form = useForm<I>({
-        mode: "uncontrolled",
-        initialValues: values
-    })
-
-    if (values) return (
-        <MyActionIconUpdate form={form} onSubmit={async () => {
-            return await baseAxios.post("/Role/Update", form.getValues())
-        }}>
-            <MyTextInput readOnly variant="filled" label="Mã" {...form.getInputProps("code")} />
-            <MyTextInput label="Quyền"  {...form.getInputProps("name")} />
-        </MyActionIconUpdate>
-    )
-    return (
-        <MyButtonCreate form={form} onSubmit={async () => {
-            return await baseAxios.post("/Role/Create", form.getValues())
-        }}>
-            <MyTextInput label="Mã" {...form.getInputProps("code")} />
-            <MyTextInput label="Quyền"  {...form.getInputProps("name")} />
-        </MyButtonCreate>
-    )
-}