URL Configuration

src/component/product/settingsTab/GeneralTab.jsx

@@ -6,8 +6,17 @@ import NoYesBooleanDropdown from './NoYesBooleanDropdown';
 import {IoMdArrowDropdown} from 'react-icons/io';
 import queryKeys from '../../../services/queryKeys';
 import sortObjectByListOrder from '../../../helpers/sortObjectByListOrder';
+import URLConfiguration from "./URLConfiguration";
 
-const GeneralTab = memo(({name = 'Full Name', data, isCustom, productData, backendValues, setFieldsChanged}) => {
+const GeneralTab = memo(({
+                             name = 'Full Name',
+                             data,
+                             tabKey,
+                             isCustom,
+                             productData,
+                             backendValues,
+                             setFieldsChanged
+                         }) => {
 
         const queryClient = useQueryClient()
 
@@ -81,7 +90,7 @@ const GeneralTab = memo(({name = 'Full Name', data, isCustom, productData, backe
             }
             submitSettings.mutate(reqData)
         }
-
+        console.log(tabKey);
         return (
             <>
                 {backendValues?.isFetching || !backendValues?.data ?
@@ -101,8 +110,15 @@ const GeneralTab = memo(({name = 'Full Name', data, isCustom, productData, backe
                         :
                         <>
                             {isCustom === true ?
-                                <SiteTemplateSelector name={name} data={sortedData} isCustom={isCustom}
-                                                      productData={productData}/>
+                                <>
+                                    {(tabKey === 'template_tab') && <SiteTemplateSelector name={name} data={sortedData}
+                                                                                          isCustom={isCustom}
+                                                                                          productData={productData}/>}
+                                    {(tabKey === 'url_config_tab') && <URLConfiguration name={name} data={sortedData}
+                                                                                        isCustom={isCustom}
+                                                                                        productData={productData}/>}
+                                    {(tabKey==='color_scheme_tab')} && <>This is Color Tab</>}
+                                </>
                                 :
                                 <div className="page-account-form">
                                     <div className="p-0" style={{minHeight: '500px'}}>

src/component/product/settingsTab/Settings.jsx

@@ -109,7 +109,7 @@ const Settings = memo(({productData}) => {
                                 // id={value.controls} role="tabpanel"
                                 // aria-labelledby={key}
                             >
-                                <GeneralTab name={value.title} data={value.data} isCustom={value.custom} productData={productData} backendValues={settingsData} setFieldsChanged={setFieldsChanged} />
+                                <GeneralTab tabKey={key} name={value.title} data={value.data} isCustom={value.custom} productData={productData} backendValues={settingsData} setFieldsChanged={setFieldsChanged} />
                             </div>
                         ))}
                     </>

src/component/product/settingsTab/URLConfiguration.jsx

@@ -0,0 +1,8 @@
+
+
+const  URLConfiguration=()=>{
+
+    return <>URL CONFIG</>
+}
+
+export default  URLConfiguration