product receipt field setting

src/Pages/StockMaster/SettingsIconWithModal.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Tooltip } from '@mui/material';
+import { Tooltip } from 'antd';
 import { IoSettingsOutline } from 'react-icons/io5';
 import { DefaultModal } from '../../Components/Modal/DefaultModal.jsx';
 
@@ -45,9 +45,9 @@ const SettingsIconWithModal = ({
   return (
     <>
       {/* ⚙️ ICON ONLY */}
-      <Tooltip title={tooltipTitle} placement="left">
+      <Tooltip title={tooltipTitle} placement="top">
         <IoSettingsOutline
-          style={{ cursor: 'pointer', fontSize: '20px' }}
+          style={{ cursor: 'pointer', fontSize: '15px' }}
           onClick={handleIconClick}
         />
       </Tooltip>

src/Pages/StockMaster/StockForm.jsx

@@ -1571,6 +1571,41 @@ const StockForm = ({ formType }) => {
     setNameSortOrder(newOrder);
   };
 
+  const handleFieldSetupSubmit = async ({
+    selectedFields,
+    tempSelectedColumns,
+    closeModal,
+    resetTemp,
+  }) => {
+    const postData = {
+      AppId,
+      CompId,
+      BranchId,
+      Type: 'PE',
+      FormType: 'Purchase Entry',
+      TypeId: categoryId,
+      ConfigDtl: selectedFields.map((field) => ({
+        ConfigId: field,
+        Access: 'Y',
+      })),
+      CreatedBy: UserId,
+    };
+
+    const response = await dispatch(postFieldSetup(postData))?.unwrap();
+
+    if (response?.data?.statusCode === 1) {
+      setSelectedAdditionalColumn([...tempSelectedColumns]);
+      closeModal();
+      resetTemp();
+      setMessageType('success');
+      setMessageData(response?.data?.response);
+      await getFieldSetup();
+    } else {
+      setMessageType('error');
+      setMessageData('Failed to set up fields');
+    }
+  };
+
   const columns = useMemo(() => {
     const baseColumns = [
       {
@@ -2175,7 +2210,14 @@ const StockForm = ({ formType }) => {
         ]
         : []),
       {
-        title: 'Action',
+        title: (<div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>
+          <div>Action</div>
+          <SettingsIconWithModal
+            tableFieldPreferences={tableFieldPreferences}
+            selectedAdditionalColumn={selectedAdditionalColumn}
+            onSubmit={handleFieldSetupSubmit}
+          />
+        </div>),
         dataIndex: 'Action',
         key: 'Action',
         align: 'center',
@@ -3220,40 +3262,7 @@ const StockForm = ({ formType }) => {
     );
     setPurchaseData(newData);
   };
-  const handleFieldSetupSubmit = async ({
-    selectedFields,
-    tempSelectedColumns,
-    closeModal,
-    resetTemp,
-  }) => {
-    const postData = {
-      AppId,
-      CompId,
-      BranchId,
-      Type: 'PE',
-      FormType: 'Purchase Entry',
-      TypeId: categoryId,
-      ConfigDtl: selectedFields.map((field) => ({
-        ConfigId: field,
-        Access: 'Y',
-      })),
-      CreatedBy: UserId,
-    };
 
-    const response = await dispatch(postFieldSetup(postData))?.unwrap();
-
-    if (response?.data?.statusCode === 1) {
-      setSelectedAdditionalColumn([...tempSelectedColumns]);
-      closeModal();
-      resetTemp();
-      setMessageType('success');
-      setMessageData(response?.data?.response);
-      await getFieldSetup();
-    } else {
-      setMessageType('error');
-      setMessageData('Failed to set up fields');
-    }
-  };
   const handleModalSubmited = () => {
     setIsModalOpen(false);
   };
@@ -3958,11 +3967,7 @@ const StockForm = ({ formType }) => {
                       )}
 
                       <div className="productSearchRecipt">
-                        <SettingsIconWithModal
-                          tableFieldPreferences={tableFieldPreferences}
-                          selectedAdditionalColumn={selectedAdditionalColumn}
-                          onSubmit={handleFieldSetupSubmit}
-                        />
+
                         <div style={{ marginBottom: '10px' }}>
                           <Input
                             placeholder="Search products..."