feat(ui/Table): improve ui

dzangolab · Jan 24, 2024 · 15a77f5 · 15a77f5
1 parent 53e2ff0
commit 15a77f5
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 33 deletions.
diff --git a/packages/ui/src/Table/common/Table.tsx b/packages/ui/src/Table/common/Table.tsx
@@ -148,9 +148,10 @@ const DataTable = <TData extends { id: string | number }>({
     const defaultActionColumn: ColumnDef<TData, unknown> = {
       id: "actions",
       header: () => <i className="pi pi-cog"></i>,
-      width: "3rem",
-      maxWidth: "3rem",
-      minWidth: "3rem",
+      align: "center",
+      width: "4rem",
+      maxWidth: "4rem",
+      minWidth: "4rem",
       cell: ({ row: { original } }) => {
         const isVisibleActions =
           typeof displayRowActions === "function"
@@ -199,9 +200,9 @@ const DataTable = <TData extends { id: string | number }>({
           enableColumnFilter: false,
           enableGlobalFilter: false,
           align: "center",
-          width: "3rem",
-          maxWidth: "3rem",
-          minWidth: "3rem",
+          width: "4rem",
+          maxWidth: "4rem",
+          minWidth: "4rem",
         },
         ...parsedColumns,
       ];

diff --git a/packages/ui/src/assets/css/files-table.css b/packages/ui/src/assets/css/files-table.css
@@ -29,7 +29,7 @@
 }
 
 .table-files .column-actions {
-  max-width: 5rem;
-  min-width: 5rem;
-  width: 5rem;
+  max-width: 4rem;
+  min-width: 4rem;
+  width: 4rem;
 }
diff --git a/packages/user/src/assets/css/invitations-table.css b/packages/user/src/assets/css/invitations-table.css
@@ -25,9 +25,3 @@
   max-width: 10rem;
   min-width: 10rem;
 }
-
-.table-invitations .column-actions {
-  width: 5rem;
-  max-width: 5rem;
-  min-width: 5rem;
-}
diff --git a/packages/user/src/assets/css/users-table.css b/packages/user/src/assets/css/users-table.css
@@ -25,9 +25,3 @@
   max-width: 10rem;
   min-width: 10rem;
 }
-
-.table-users .column-actions {
-  width: 5rem;
-  max-width: 5rem;
-  min-width: 5rem;
-}
diff --git a/packages/user/src/components/Profile/ProfileForm.tsx b/packages/user/src/components/Profile/ProfileForm.tsx
@@ -26,10 +26,6 @@ export const ProfileForm = () => {
     }),
   });
 
-  const handleCancel = useCallback(() => {
-    // reset form
-  }, []);
-
   const handleSubmit = async (data: UpdateProfileInputType) => {
     setSubmitting(true);
     updateUserProfile(data, appConfig?.apiBaseUrl)
@@ -59,7 +55,7 @@ export const ProfileForm = () => {
         surname: user?.surname,
       }}
     >
-      <ProfileFormFields handleCancel={handleCancel} submitting={submitting} />
+      <ProfileFormFields submitting={submitting} />
     </Provider>
   );
 };
diff --git a/packages/user/src/components/Profile/ProfileFormFields.tsx b/packages/user/src/components/Profile/ProfileFormFields.tsx
@@ -2,13 +2,7 @@ import { Email, Input, useFormContext } from "@dzangolab/react-form";
 import { useTranslation } from "@dzangolab/react-i18n";
 import { Button, SubmitButton } from "@dzangolab/react-ui";
 
-export const ProfileFormFields = ({
-  handleCancel,
-  submitting,
-}: {
-  handleCancel: () => void;
-  submitting?: boolean;
-}) => {
+export const ProfileFormFields = ({ submitting }: { submitting?: boolean }) => {
   const {
     register,
     getFieldState,