add templates

src/components/subscription_view/SubscriptionViewCom.jsx

@@ -1,19 +1,19 @@
 import {useLocation, useNavigate, Link} from 'react-router-dom'
 import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
-import { useEffect } from 'react';
+import {useEffect} from 'react';
 
 export default function SubscriptionViewCom() {
 
     const subscriptionUID = "63554d40-9ba1-4afe-80c2-ca147236f7ee";
 
-    const {state:{memberUID}} = useLocation()
+    const {state: {memberUID}} = useLocation()
     const navigate = useNavigate()
 
-    useEffect(()=>{
-        if(!memberUID){
-            navigate(`/account-view/${memberUID}`, {replace: true, state:{memberUID}})
+    useEffect(() => {
+        if (!memberUID) {
+            navigate(`/account-view/${memberUID}`, {replace: true, state: {memberUID}})
         }
-    },[])
+    }, [])
 
     return (
         <div className='w-full flex flex-col gap-8'>
@@ -21,12 +21,28 @@ export default function SubscriptionViewCom() {
 
             <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
 
-                        <>
-                            Show all here
-                        </>
-
+                <div>
+                    Repeat the Subscription at the top
 
+                </div>
             </div>
+
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
+
+                <div>
+                    <b>Assign Template</b>
+
+                </div>
+            </div>
+
+            <div className='box bg-white dark:bg-black-box text-black-body dark:text-white-body'>
+
+                <div>
+                    <b>Assign Custom Template</b>
+
+                </div>
+            </div>
+
         </div>
     )
 }