refactor: bento custom field component

Author: RishadAlam

frontend-dev/src/components/AllIntegrations/Bento/BentoCommonFunc.js

@@ -86,11 +86,11 @@ export const bentoAuthentication = (
   })
 }
 
-export const getFields = (confTmp, setConf, action, setLoading) => {
-  setLoading({ ...setLoading, fields: true })
+export const getFields = (confTmp, setConf, action, setIsLoading) => {
+  setIsLoading(true)
 
   bitsFetch(setRequestParams(confTmp, { action: action }), 'bento_get_fields').then((result) => {
-    setLoading({ ...setLoading, fields: false })
+    setIsLoading(false)
 
     if (result?.success && result?.data) {
       setConf((prevConf) => create(prevConf, draftConf => {

frontend-dev/src/components/AllIntegrations/Bento/BentoFieldMap.jsx

@@ -79,7 +79,7 @@ export default function BentoFieldMap({ i, formFields, field, bentoConf, setBent
               ))
             )}
             {bentoConf.action === 'add_event' && (
-              <option value="customFieldKey">{__('Custom Field', 'bit-integrations')}</option>
+              <option value="customFieldKey">{__('Custom Field Key', 'bit-integrations')}</option>
             )}
           </select>
           {field.bentoFormField === 'customFieldKey' && (

frontend-dev/src/components/AllIntegrations/Bento/BentoIntegLayout.jsx

@@ -28,7 +28,7 @@ export default function BentoIntegLayout({
 
   const setChanges = (val, name) => {
     if (name === 'action' && val !== '') {
-      getFields(bentoConf, setBentoConf, val, setLoading)
+      getFields(bentoConf, setBentoConf, val, setIsLoading)
     }
 
     setBentoConf(prevConf =>
@@ -59,7 +59,7 @@ export default function BentoIntegLayout({
       </div>
       <br />
       <br />
-      {(isLoading || loading.fields || loading.session) && (
+      {isLoading && (
         <Loader
           style={{
             display: 'flex',
@@ -77,7 +77,7 @@ export default function BentoIntegLayout({
           <div className="mt-5">
             <b className="wdt-100">{__('Field Map', 'bit-integrations')}</b>
             <button
-              onClick={() => getFields(bentoConf, setBentoConf, bentoConf.action, setLoading)}
+              onClick={() => getFields(bentoConf, setBentoConf, bentoConf.action, setIsLoading)}
               className="icn-btn sh-sm ml-2 mr-2 tooltip"
               style={{ '--tooltip-txt': `'${__('Refresh fields', 'bit-integrations')}'` }}
               type="button">

frontend-dev/src/components/AllIntegrations/Bento/EditBento.jsx

@@ -67,6 +67,7 @@ function EditBento({ allIntegURL }) {
         setBentoConf={setBentoConf}
         loading={loading}
         setLoading={setLoading}
+        isLoading={isLoading}
         setIsLoading={setIsLoading}
         setSnackbar={setSnackbar}
       />