Adding Customer page details

src/components/account_view/AccountProfileView.jsx

@@ -0,0 +1,6 @@
+
+export default function AccountProfileView(){
+    return <>
+        <p className='text-slate-800'>Account Information</p>
+    </>
+}

src/components/account_view/AccountViewCom.jsx

@@ -7,6 +7,10 @@ import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
 import RouteLinks from '../../RouteLinks'
 import { getAccountView } from '../../services/siteServices'
 import queryKeys from '../../services/queryKeys'
+import CustomerAccountView from "./CustomerAccountView";
+import AccountProfileView from "./AccountProfileView";
+import CustomerSubscriptionsView from "./CustomerSubscriptionsView";
+import CustomerPaymentsView from "./CustomerPaymentsView";
 
 export default function AccountViewCom() {
 
@@ -48,7 +52,13 @@ export default function AccountViewCom() {
                 : isError ?
                     <p className='text-red-500'>{error.message}</p>
                 :
-                    <p className='text-slate-800'>coming soon</p>
+                        <>
+                            <CustomerAccountView />
+                            <AccountProfileView />
+                            <CustomerSubscriptionsView />
+                            <CustomerPaymentsView />
+                        </>
+
                 }
 
             </div>

src/components/account_view/CustomerAccountView.jsx

@@ -0,0 +1,6 @@
+
+export default function CustomerAccountView(){
+    return <>
+        <p className='text-slate-800'>Account Information</p>
+    </>
+}

src/components/account_view/CustomerPaymentsView.jsx

@@ -0,0 +1,6 @@
+
+export default function CustomerPaymentsView(){
+    return <>
+        <p className='text-slate-800'>Account Payments</p>
+    </>
+}

src/components/account_view/CustomerSubscriptionsView.jsx

@@ -0,0 +1,6 @@
+
+export default function CustomerSubscriptionsView(){
+    return <>
+        <p className='text-slate-800'>Subscriptions Information</p>
+    </>
+}