diff --git a/src/pages/transfer/transferfee/blocks/EditDialog.tsx b/src/pages/transfer/transferfee/blocks/EditDialog.tsx
index 98b522b..87ee112 100644
--- a/src/pages/transfer/transferfee/blocks/EditDialog.tsx
+++ b/src/pages/transfer/transferfee/blocks/EditDialog.tsx
@@ -487,10 +487,13 @@ const EditFeeDialog = () => {
   </Select>
 </div> */}
                   <div className="flex justify-end pt-2.5 gap-5">
-                    <Button variant={'outline'} type="reset" 
-                                        onClick={() => {
-                                          resetForm();
-                                        }}>
+                    <Button
+                      variant={'outline'}
+                      type="reset"
+                      onClick={() => {
+                        resetForm();
+                      }}
+                    >
                       Reset
                     </Button>
                     <Button variant={'default'} type="submit" disabled={isSubmitting}>
diff --git a/src/pages/transfer/transfertype/blocks/AddDialog.tsx b/src/pages/transfer/transfertype/blocks/AddDialog.tsx
index 44aac3a..95b448d 100644
--- a/src/pages/transfer/transfertype/blocks/AddDialog.tsx
+++ b/src/pages/transfer/transfertype/blocks/AddDialog.tsx
@@ -199,7 +199,9 @@ const AddDialog = () => {
           <DialogDescription></DialogDescription>
           <div className="flex items-center justify-between flex-wrap grow">
             <div className="flex flex-col justify-center">
-              <h1 className="text-xl font-semibold leading-none text-gray-900">Addd Transaction Type</h1>
+              <h1 className="text-xl font-semibold leading-none text-gray-900">
+                Addd Transaction Type
+              </h1>
               <div className="flex items-center gap-2 text-sm font-normal text-gray-700"></div>
             </div>
             <div
diff --git a/src/pages/transfer/transfertype/blocks/EditDialog.tsx b/src/pages/transfer/transfertype/blocks/EditDialog.tsx
index 3d5f025..a4d94d4 100644
--- a/src/pages/transfer/transfertype/blocks/EditDialog.tsx
+++ b/src/pages/transfer/transfertype/blocks/EditDialog.tsx
@@ -506,10 +506,13 @@ const EditDialog = () => {
                     Transaction Fee Form
                   </Button> */}
 
-                  <Button variant={'outline'} type="reset" 
-                   onClick={() => {
-                    resetForm();
-                  }}>
+                  <Button
+                    variant={'outline'}
+                    type="reset"
+                    onClick={() => {
+                      resetForm();
+                    }}
+                  >
                     Reset
                   </Button>
                   <Button variant={'default'} type="submit" disabled={isSubmitting}>
diff --git a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
index 569d2a2..3e5c0a7 100644
--- a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
+++ b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
@@ -1,87 +1,86 @@
-  import { DataGridColumnHeader, DataGridProvider, KeenIcon } from '@/components';
-  import { Toaster } from '@/components/ui/sonner';
-  import { apiConfig } from '@/config/api.config';
-  import { useCallApi } from '@/hooks';
-  import { ColumnDef } from '@tanstack/react-table';
-  import { createContext, useCallback, useEffect, useMemo, useState } from 'react';
-  import ListToolbar from '../blocks/ListToolBar';
+import { DataGridColumnHeader, DataGridProvider, KeenIcon } from '@/components';
+import { Toaster } from '@/components/ui/sonner';
+import { apiConfig } from '@/config/api.config';
+import { useCallApi } from '@/hooks';
+import { ColumnDef } from '@tanstack/react-table';
+import { createContext, useCallback, useEffect, useMemo, useState } from 'react';
+import ListToolbar from '../blocks/ListToolBar';
 
+interface AccountProps {
+  id: string;
+  name: string;
+}
 
-  interface AccountProps {
-    id: string;
-    name: string;
-  }
+interface TransferType {
+  id: string;
+  name: string;
+  minimum_amount: number;
+  maximum_amount: number;
+  max_transaction_per_day: number;
+  walletOriginId: string;
+  walletDestinationId: string;
+  status: string;
+}
 
-  interface TransferType {
-    id: string;
-    name: string;
-    minimum_amount: number;
-    maximum_amount: number;
-    max_transaction_per_day: number;
-    walletOriginId: string;
-    walletDestinationId: string;
-    status: string;
-  }
+interface ContextProps {
+  showEditDialog: boolean;
+  handleEditDialog: (show: boolean, selected_user: string | null) => void;
+  showAddDialog: boolean;
+  handleAddDialog: (show: boolean) => void;
+  showDeleteDialog: boolean;
+  handleDeleteDialog: (show: boolean, selected_user: string | null) => void;
+  selectedTransferType: string | null;
+  transferType: string | null;
+  accounts: AccountProps[];
+}
 
-  interface ContextProps {
-    showEditDialog: boolean;
-    handleEditDialog: (show: boolean, selected_user: string | null) => void;
-    showAddDialog: boolean;
-    handleAddDialog: (show: boolean) => void;
-    showDeleteDialog: boolean;
-    handleDeleteDialog: (show: boolean, selected_user: string | null) => void;
-    selectedTransferType: string | null;
-    transferType: string|null;
-    accounts: AccountProps[];
-  }
+const initialProps: ContextProps = {
+  showEditDialog: false,
+  handleEditDialog: () => {},
+  showAddDialog: false,
+  handleAddDialog: () => {},
+  showDeleteDialog: false,
+  handleDeleteDialog: () => {},
+  selectedTransferType: null,
+  accounts: [],
+  transferType: null
+};
 
-  const initialProps: ContextProps = {
-    showEditDialog: false,
-    handleEditDialog: () => {},
-    showAddDialog: false,
-    handleAddDialog: () => {},
-    showDeleteDialog: false,
-    handleDeleteDialog: () => {},
-    selectedTransferType: null,
-    accounts: [],
-    transferType: null
-  };
+const ManageTransferTypeContext = createContext<ContextProps>(initialProps);
+const API_URL = apiConfig.service_transaction;
 
-  const ManageTransferTypeContext = createContext<ContextProps>(initialProps);
-  const API_URL = apiConfig.service_transaction;
+const ManageTransferTypeContextProvider = ({ children }: { children: React.ReactNode }) => {
+  const [showEditDialog, setShowEditDialog] = useState(false);
+  const [showAddDialog, setShowAddDialog] = useState(false);
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+  const [selectedUser, setSelectedUser] = useState<string | null>(null);
+  const [accounts, setAccount] = useState<AccountProps[]>([]);
+  const { GetData } = useCallApi();
+  const [selectedTransferType, setSelectedTransferType] = useState<string | null>(null);
+  const [transferType, setTransferType] = useState<string | null>(null);
 
-  const ManageTransferTypeContextProvider = ({ children }: { children: React.ReactNode }) => {
-    const [showEditDialog, setShowEditDialog] = useState(false);
-    const [showAddDialog, setShowAddDialog] = useState(false);
-    const [showDeleteDialog, setShowDeleteDialog] = useState(false);
-    const [selectedUser, setSelectedUser] = useState<string | null>(null);
-    const [accounts, setAccount] = useState<AccountProps[]>([]);
-    const { GetData } = useCallApi();
-    const [selectedTransferType, setSelectedTransferType] = useState<string | null>(null);
-    const [transferType, setTransferType] = useState<string | null>(null);
+  const handleEditDialog = useCallback((show: boolean, selected_transfertype: string | null) => {
+    setSelectedTransferType(show ? selected_transfertype : null);
+    setShowEditDialog(show);
+  }, []);
 
+  const handleAddDialog = useCallback((show: boolean) => {
+    setShowAddDialog(show);
+  }, []);
 
-    const handleEditDialog = useCallback((show: boolean, selected_transfertype: string | null) => {
-      setSelectedTransferType(show ? selected_transfertype : null);
-      setShowEditDialog(show);
-    }, []);
-    
-    const handleAddDialog = useCallback((show: boolean) => {
-      setShowAddDialog(show);
-    }, []);
+  const handleDeleteDialog = useCallback((show: boolean, selected_transfertype: string | null) => {
+    setShowDeleteDialog(show);
+    setSelectedTransferType(show ? selected_transfertype : null);
+  }, []);
 
-    const handleDeleteDialog = useCallback((show: boolean, selected_transfertype: string | null) => {
-      setShowDeleteDialog(show);
-      setSelectedTransferType(show ? selected_transfertype : null);
-    }, []);
-
- const columns = useMemo<ColumnDef<any>[]>(
+  const columns = useMemo<ColumnDef<any>[]>(
     () => [
-
       {
         accessorFn: (row) => row.name,
         id: 'name',
-        header: ({ column }) => <DataGridColumnHeader title="Transaction Type Name" column={column} />,
+        header: ({ column }) => (
+          <DataGridColumnHeader title="Transaction Type Name" column={column} />
+        ),
         enableSorting: true,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }
@@ -121,7 +120,9 @@
       {
         accessorFn: (row) => row.max_transaction_per_day,
         id: 'max_transaction_per_day',
-        header: ({ column }) => <DataGridColumnHeader title="Max Transaction Per Day" column={column} />,
+        header: ({ column }) => (
+          <DataGridColumnHeader title="Max Transaction Per Day" column={column} />
+        ),
         enableSorting: true,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }
@@ -135,9 +136,11 @@
         meta: { headerClassName: 'w-[250px]' }
       },
       {
-        accessorFn: (row) => row.wallet_fee_destination.name ,
+        accessorFn: (row) => row.wallet_fee_destination.name,
         id: 'wallet_fee_destination',
-        header: ({ column }) => <DataGridColumnHeader title="Wallet Fee Destination" column={column} />,
+        header: ({ column }) => (
+          <DataGridColumnHeader title="Wallet Fee Destination" column={column} />
+        ),
         enableSorting: true,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }
@@ -145,7 +148,9 @@
       {
         accessorFn: (row) => row.customer_fee_destination?.username || 'N/A',
         id: 'customer_fee_destination',
-        header: ({ column }) => <DataGridColumnHeader title="Customer Fee Destination" column={column} />,
+        header: ({ column }) => (
+          <DataGridColumnHeader title="Customer Fee Destination" column={column} />
+        ),
         enableSorting: true,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }
@@ -165,8 +170,7 @@
         enableSorting: true,
         enableHiding: false,
         meta: { headerClassName: 'w-[150px]' }
-      }
-,      
+      },
       {
         id: 'actions',
         header: ({ column }) => <DataGridColumnHeader title="Actions" column={column} />,
@@ -176,10 +180,16 @@
           const row = data.row.original;
           return (
             <>
-              <button className="btn btn-sm btn-icon btn-clear btn-light" onClick={() => handleEditDialog(true, row.id)}>
+              <button
+                className="btn btn-sm btn-icon btn-clear btn-light"
+                onClick={() => handleEditDialog(true, row.id)}
+              >
                 <KeenIcon icon="notepad-edit" />
               </button>
-              <button className="btn btn-sm btn-icon btn-clear btn-light" onClick={() => handleDeleteDialog(true, row.id)}>
+              <button
+                className="btn btn-sm btn-icon btn-clear btn-light"
+                onClick={() => handleDeleteDialog(true, row.id)}
+              >
                 <KeenIcon icon="trash" />
               </button>
             </>
@@ -190,24 +200,27 @@
     ],
     [handleEditDialog, handleDeleteDialog]
   );
-    const doGetTransferTypeListData = async (page: number, limit: number, sorting: any, filter: any) => {
-    
-        sorting = sorting.length == 0 ? [{ id: 'id', desc: false }] : sorting;
-        filter = filter.length == 0 ? {} : { any: filter[0].value?.toLowerCase() };
-        const response = await GetData(`${API_URL}/transactiontype/list`, {
-          limit: limit,
-          page: page + 1,
-          with_deleted: false,
-          order_field: sorting[0].id,
-          order_direction: sorting[0].desc ? 'ASC' : 'DESC',
-          filter: JSON.stringify(filter)
-        });
-        return { data: response?.data.list, totalCount: response?.data.total_count };
-    };
+  const doGetTransferTypeListData = async (
+    page: number,
+    limit: number,
+    sorting: any,
+    filter: any
+  ) => {
+    sorting = sorting.length == 0 ? [{ id: 'id', desc: false }] : sorting;
+    filter = filter.length == 0 ? {} : { any: filter[0].value?.toLowerCase() };
+    const response = await GetData(`${API_URL}/transactiontype/list`, {
+      limit: limit,
+      page: page + 1,
+      with_deleted: false,
+      order_field: sorting[0].id,
+      order_direction: sorting[0].desc ? 'ASC' : 'DESC',
+      filter: JSON.stringify(filter)
+    });
+    return { data: response?.data.list, totalCount: response?.data.total_count };
+  };
 
   return (
     <div className="min-h-screen">
-  
       <ManageTransferTypeContext.Provider
         value={{
           showEditDialog,
@@ -218,11 +231,11 @@
           handleDeleteDialog,
           selectedTransferType,
           accounts,
-          transferType,
+          transferType
         }}
       >
         <Toaster expand visibleToasts={9} duration={3000} />
-  
+
         <div className="px-4">
           <DataGridProvider
             columns={columns}
@@ -241,8 +254,7 @@
       </ManageTransferTypeContext.Provider>
     </div>
   );
-  
-  };
+};
 
-  export { ManageTransferTypeContext, ManageTransferTypeContextProvider };
-  export type { TransferType };
+export { ManageTransferTypeContext, ManageTransferTypeContextProvider };
+export type { TransferType };