added template API

src/component/product/settingsTab/SiteTemplateSelector.jsx

@@ -1,7 +1,26 @@
 import React, {memo} from 'react'
 import getImage from "../../../utils/getImage";
+import { useQuery } from '@tanstack/react-query';
+import queryKeys from '../../../services/queryKeys';
+import { getProductTemplateData } from '../../../services/services';
+
+const SiteTemplateSelector = memo(({name='Full Name', data, productData}) =>{
+
+    const {data:templateData, isFetching, isError, error} = useQuery({
+        queryKey: queryKeys.productTemplateData,
+        queryFn: () => {
+            let reqData = {
+                token: localStorage.getItem('token'), // USER TOKEN
+                uid: localStorage.getItem('uid'), // USER UID
+                product_id: productData?.product_id
+            }
+           return getProductTemplateData(reqData)
+        }
+    })
+
+    const settingsData = templateData?.data
+    console.log('data Template', settingsData)
 
-const SiteTemplateSelector = memo(({name='Full Name', data}) =>{
         console.log("Page data == ", data)
         return (
             <div className="page-account-form">

src/component/subscription/Subscription.jsx

@@ -6,6 +6,7 @@ import {useQuery} from '@tanstack/react-query';
 import queryKeys from '../../services/queryKeys';
 import siteLinks from "../../links/siteLinks";
 import {Link, useNavigate} from 'react-router-dom'
+import getDateFromDateString from '../../helpers/GetDateFromDateString';
 
 export default function Subscription() {
     const navigate = useNavigate()
@@ -57,7 +58,7 @@ export default function Subscription() {
                                     </div>
                                     <div className="pt-2" style={{textAlign: 'left'}}>
                                         <div style={{fontSize: '10px'}}>
-                                            Next Payment: {currentSubscription?.next_payment}
+                                            Next Payment: {getDateFromDateString(currentSubscription?.next_payment)}
                                         </div>
                                     </div>
                                 </div>