From fd9eb08cea98254c95de7c0730e0087d2bbf3925 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 29 Sep 2025 11:06:04 +0100
Subject: [PATCH 1/3] fixed profile table data

---
 .../account_view/AccountProfileView.jsx       | 77 ++++++++++++-------
 .../account_view/AccountViewCom.jsx           |  2 +-
 2 files changed, 50 insertions(+), 29 deletions(-)

diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
index 8d6fda3..19dbb5e 100644
--- a/src/components/account_view/AccountProfileView.jsx
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -1,40 +1,61 @@
-export default function AccountProfileView() {
+export default function AccountProfileView({profile}) {
     return <>
-        <div className="row" style={{paddingBottom: '20px'}}>
-            <div className="col-12 col-lg-12">
-                <div className="card card-statistics">
-                    <div className="card-header">
-                        <div className="card-heading">
-                            <h4 className="card-title"><b>Account Profile</b></h4>
-                        </div>
+            <div className="pb-5">
+                <div className="flex flex-col gap-1">
+                    <div className="w-full">
+                        <h4 className="font-semibold text-lg">Account Profile</h4>
                     </div>
-                    <div className="card-body">
-                        <div className="table-responsive">
-                            <table className="table table-hover mb-0"
-                                   style={{width: '100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
-                                <thead>
+                    <div className="w-full overflow-x-auto">
+                        <>
+                            <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                                <thead className="py-2 text-sm text-slate-500 text-left">
                                 <tr>
-                                    <th scope="col">MemberID</th>
-                                    <th scope="col">Practice/Specialization</th>
-                                    <th scope="col">URL NAme</th>
+    
+                                    <th scope="col" className="px-2">
+                                        Member ID
+                                    </th>
+                                    <th scope="col" className="px-2">
+                                        Practice/specialization
+                                    </th>
+                                    <th scope="col" className="px-2">
+                                        URL Name
+                                    </th>
                                 </tr>
                                 </thead>
                                 <tbody>
-                                <tr>
-                                    <th scope="row">1</th>
-                                    <td>
-                                        Practice: xxxxx xxxxxx<br/>
-                                        Specialization: JAJAJJAJAJAJAJAJ
-                                    </td>
-                                    <td>url-name-i-picked</td>
-                                </tr>
-
+                                {(profile && Object.keys(profile).length > 0) ? 
+                                    <tr className="py-2 border-t border-dashed border-slate-300">
+                                        <td className="px-2">
+                                            <div className="text-left">
+                                                <div className="text-base font-semibold">{profile?.member_id}</div>
+                                            </div>
+                                        </td>
+                                        <td className="px-2">
+                                            <div className="text-left">
+                                                <div className="text-base font-semibold">Practice: {profile?.practice}</div>
+                                                <div className="text-base font-semibold">Specialization: {profile?.specialization}</div>
+                                            </div>
+                                        </td>
+                                        <td className="px-2">
+                                            <div className="text-left">
+                                                <div className="text-base font-semibold">{profile?.url_name}</div>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    :
+                                    <tr className="py-2 border-t border-dashed border-slate-300">
+                                        <td className="px-3 py-2" colSpan={3}>
+                                            <div className="flex justify-center items-center">
+                                                No Record Found
+                                            </div>
+                                        </td>
+                                    </tr>
+                                }
                                 </tbody>
                             </table>
-                        </div>
+                        </>
                     </div>
                 </div>
             </div>
-        </div>
-    </>
+        </>
 }
\ No newline at end of file
diff --git a/src/components/account_view/AccountViewCom.jsx b/src/components/account_view/AccountViewCom.jsx
index 3523fee..64b5e8e 100644
--- a/src/components/account_view/AccountViewCom.jsx
+++ b/src/components/account_view/AccountViewCom.jsx
@@ -57,7 +57,7 @@ export default function AccountViewCom() {
                 :
                         <>
                             <CustomerAccountView accountInfo={account_info} />
-                            <AccountProfileView />
+                            <AccountProfileView profile={account_profile} />
                             <CustomerSubscriptionsView subscriptions={subscriptions} memberUID={memberUID} />
                             <CustomerPaymentsView payments={payments} />
                         </>

From 0a666799503016464f4d481f8481ae63c42514bf Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 29 Sep 2025 11:11:50 +0100
Subject: [PATCH 2/3] padding fix

---
 src/components/account_view/AccountProfileView.jsx  | 2 +-
 src/components/account_view/CustomerAccountView.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
index 19dbb5e..5676a07 100644
--- a/src/components/account_view/AccountProfileView.jsx
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -11,7 +11,7 @@ export default function AccountProfileView({profile}) {
                                 <thead className="py-2 text-sm text-slate-500 text-left">
                                 <tr>
     
-                                    <th scope="col" className="px-2">
+                                    <th scope="col" className="px-2 py-2">
                                         Member ID
                                     </th>
                                     <th scope="col" className="px-2">
diff --git a/src/components/account_view/CustomerAccountView.jsx b/src/components/account_view/CustomerAccountView.jsx
index 52ada6d..c21b49f 100644
--- a/src/components/account_view/CustomerAccountView.jsx
+++ b/src/components/account_view/CustomerAccountView.jsx
@@ -14,7 +14,7 @@ export default function CustomerAccountView({accountInfo}) {
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
 
-                                <th scope="col" className="px-2">
+                                <th scope="col" className="px-2 py-2">
                                     Firstname
                                 </th>
                                 <th scope="col" className="px-2">

From b5a5452a0df0cd3a882a46bee805dc9114788302 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 29 Sep 2025 11:24:35 +0100
Subject: [PATCH 3/3] bg color fix

---
 src/components/account_view/AccountProfileView.jsx        | 2 +-
 src/components/account_view/CustomerAccountView.jsx       | 2 +-
 src/components/account_view/CustomerPaymentsView.jsx      | 2 +-
 src/components/account_view/CustomerSubscriptionsView.jsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/account_view/AccountProfileView.jsx b/src/components/account_view/AccountProfileView.jsx
index 5676a07..c5dea5a 100644
--- a/src/components/account_view/AccountProfileView.jsx
+++ b/src/components/account_view/AccountProfileView.jsx
@@ -7,7 +7,7 @@ export default function AccountProfileView({profile}) {
                     </div>
                     <div className="w-full overflow-x-auto">
                         <>
-                            <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                            <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                                 <thead className="py-2 text-sm text-slate-500 text-left">
                                 <tr>
     
diff --git a/src/components/account_view/CustomerAccountView.jsx b/src/components/account_view/CustomerAccountView.jsx
index c21b49f..8d0dd66 100644
--- a/src/components/account_view/CustomerAccountView.jsx
+++ b/src/components/account_view/CustomerAccountView.jsx
@@ -10,7 +10,7 @@ export default function CustomerAccountView({accountInfo}) {
                 </div>
                 <div className="w-full overflow-x-auto">
                     <>
-                        <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                        <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
 
diff --git a/src/components/account_view/CustomerPaymentsView.jsx b/src/components/account_view/CustomerPaymentsView.jsx
index c48f470..a65ac86 100644
--- a/src/components/account_view/CustomerPaymentsView.jsx
+++ b/src/components/account_view/CustomerPaymentsView.jsx
@@ -8,7 +8,7 @@ export default function CustomerPaymentsView({payments}) {
                 </div>
                 <div className="w-full overflow-x-auto">
                     <>
-                        <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                        <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
                                 <th scope="col" className="px-2 py-2">
diff --git a/src/components/account_view/CustomerSubscriptionsView.jsx b/src/components/account_view/CustomerSubscriptionsView.jsx
index 3d52e25..d4336c4 100644
--- a/src/components/account_view/CustomerSubscriptionsView.jsx
+++ b/src/components/account_view/CustomerSubscriptionsView.jsx
@@ -12,7 +12,7 @@ export default function CustomerSubscriptionsView({subscriptions, memberUID}) {
                 </div>
                 <div className="w-full overflow-x-auto">
                     <>
-                        <table className="py-2 w-full text-sm" style={{backgroundColor: 'aliceblue', borderRadius: '10px'}}>
+                        <table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
                             <thead className="py-2 text-sm text-slate-500 text-left">
                             <tr>
                                 <th scope="col" className="px-2 py-2">