fixed default template selection

src/components/subscription_view/SubscriptionViewCom.jsx

@@ -51,7 +51,17 @@ export default function SubscriptionViewCom() {
     const customTemplates = subscriptionViewData?.available_custom_templates
     const availableTemplates = subscriptionViewData?.available_templates
     const selectedSubscription = subscriptionViewData?.subscription
-    // console.log('subscriptionViewData', subscriptionViewData)
+    const currentCustomTem = subscriptionViewData?.available_custom_templates?.filter(item => item?.custom_id == subscriptionViewData?.subscription?.custom_template)[0]?.custom_id
+    const currentTemplate = subscriptionViewData?.available_templates?.filter(item => item?.template_uid == subscriptionViewData?.subscription?.product_template)[0]?.template_uid
+    // // console.log('subscriptionViewData', subscriptionViewData, currentCustomTem, currentTemplate)
+
+    // useEffect(()=>{
+    //     if(data){
+    //         const currentCustomTem = subscriptionViewData?.available_custom_templates?.filter(item => item?.custom_id == subscriptionViewData?.subscription?.custom_template)[0]?.custom_id
+    //         const currentTemplate = subscriptionViewData?.available_templates?.filter(item => item?.template_uid == subscriptionViewData?.subscription?.product_template)[0]?.template_uid
+    //         setValues({custom_id: currentCustomTem || '', template_uid: currentTemplate || ''})
+    //     }
+    // },[data])
 
 
     const templateUpdate = useMutation({
@@ -82,7 +92,6 @@ export default function SubscriptionViewCom() {
         }else{
             return
         }
-        console.log('req', reqData)
         templateUpdate.mutate(reqData)
     }
 
@@ -137,7 +146,7 @@ export default function SubscriptionViewCom() {
                             <label className='font-medium'>Assign Template</label>
                             <div className='flex flex-col xs:flex-row md:items-center gap-2'>
                                 <div className='w-full h-10 relative overflow-hidden rounded-md'>
-                                    <select name='template' value={values.template_uid} onChange={handleValueChange} className='w-full h-full p-2 appearance-none dark:bg-transparent border-0 dark:border-1 border-white ring-0 outline-none'>
+                                    <select name='template' value={currentTemplate || values.template_uid} onChange={handleValueChange} className='w-full h-full p-2 appearance-none dark:bg-transparent border-0 dark:border-1 border-white ring-0 outline-none'>
                                         <option value=''>None</option>
                                         {availableTemplates && availableTemplates.map(item => (
                                             <option key={item?.template_uid} value={item?.template_uid}>{`${item?.product_id}-${item?.provision_name}`}</option>
@@ -159,7 +168,7 @@ export default function SubscriptionViewCom() {
                             <label className='font-medium'>Assign Custom Template</label>
                             <div className='flex flex-col xs:flex-row md:items-center gap-2'>
                                 <div className='w-full h-10 relative overflow-hidden rounded-md'>
-                                    <select name='custom_template' value={values.custom_id} onChange={handleValueChange} className='w-full h-full p-2 appearance-none dark:bg-transparent border-0 dark:border-1 border-white ring-0 outline-none'>
+                                    <select name='custom_template' value={currentCustomTem || values.custom_id} onChange={handleValueChange} className='w-full h-full p-2 appearance-none dark:bg-transparent border-0 dark:border-1 border-white ring-0 outline-none'>
                                         <option value=''>None</option>
                                         {customTemplates && customTemplates.map(item => (
                                             <option key={item?.custom_id} value={item?.custom_id}>{`${item?.custom_id}-${item?.provision_name}`}</option>

src/services/siteServices.js

@@ -135,7 +135,7 @@ export const getAccountView = (reqData) => {
 // FUNCTION TO GET SUBSCRIPTIONS VIEW DATA
 export const getSubscriptionsView = (reqData) => {
     const postData = { ...reqData }
-    return getAuxEnd(`/subcription-view`, postData)
+    return getAuxEnd(`/subscription-view`, postData)
 }