API data added

src/component/product/settingsTab/GeneralTab.jsx

@@ -20,7 +20,7 @@ const GeneralTab = memo(({name='Full Name', data, isCustom, productData, backend
     fieldData[item?.setting_key?.toLowerCase().replaceAll(" ", "_")] = item?.setting_value
     })
 
-    console.log('fieldData', fieldData)
+    // console.log('fieldData', fieldData)
 
     const [fields, setFields] = useState(fieldData)
     

src/component/product/settingsTab/SiteTemplateSelector.jsx

@@ -6,28 +6,63 @@ import { getProductTemplateData } from '../../../services/services';
 
 const SiteTemplateSelector = memo(({name='Full Name', data, productData}) =>{
 
-    const {data:templateData, isFetching, isError, error} = useQuery({
+        const {data:templateData, isFetching, isError, error} = useQuery({
-        queryKey: queryKeys.productTemplateData,
+            queryKey: queryKeys.productTemplateData,
-        queryFn: () => {
+            queryFn: () => {
-            let reqData = {
+                let reqData = {
-                token: localStorage.getItem('token'), // USER TOKEN
+                    token: localStorage.getItem('token'), // USER TOKEN
-                uid: localStorage.getItem('uid'), // USER UID
+                    uid: localStorage.getItem('uid'), // USER UID
-                product_id: productData?.product_id
+                    product_id: productData?.product_id
+                }
+            return getProductTemplateData(reqData)
             }
-           return getProductTemplateData(reqData)
+        })
-        }
-    })
 
-    const settingsData = templateData?.data
+        const templateResponse = templateData?.data
-    console.log('data Template', settingsData)
+        const templates = templateResponse?.templates
 
-        console.log("Page data == ", data)
+        // console.log('data Template', templates)
+        // console.log("Page data == ", data)
         return (
             <div className="page-account-form">
                 <div className="p-0">
+                    {isFetching ? 
+                    <>
+                        <div className="row">
+                            <div className="col-12">
+                                <p className='text-mute'>Loading...</p>
+                            </div>
+                        </div>
+                    </>
+                    : isError ?
+                    <div className="row">
+                        <div className="col-12">
+                            <p className='text-danger'>{error?.message}</p>
+                        </div>
+                    </div>
+                    :
                     <div className="row">
                         <>
-                            {Object.entries(data)?.map(([key, value]) => (
+                        {!templates.length ?
+                            <p>No data Found</p>
+                            :
+                            templates.map(template => (
+                                <div key={template.template_uid} className="col-xl-6 col-sm-6">
+                                    <div className="card card-statistics">
+                                        <div className="card-body">
+                                            <div className="text-center p-2">
+                                                <div className="mb-2">
+                                                    <img  src={getImage('file-icon/svg.png')} alt={template.title} />
+                                                </div>
+                                                <h4 className="mb-0">{template.title}</h4>
+                                                <a href="#" className="btn btn-light">Activate</a>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            ))
+                        }
+                            {/* {Object.entries(data)?.map(([key, value]) => (
                                 <div key={key} className="col-xl-6 col-sm-6">
                                     <div className="card card-statistics">
                                         <div className="card-body">
@@ -41,9 +76,10 @@ const SiteTemplateSelector = memo(({name='Full Name', data, productData}) =>{
                                         </div>
                                     </div>
                                 </div>
-                            ))}
+                            ))} */}
                         </>
                     </div>
+                    }
                 </div>
             </div>
         )