Merge branch 'account-profile-data' of MERMS/MermsFirstOffice into master
This commit is contained in:
@@ -1,40 +1,61 @@
|
|||||||
export default function AccountProfileView() {
|
export default function AccountProfileView({profile}) {
|
||||||
return <>
|
return <>
|
||||||
<div className="row" style={{paddingBottom: '20px'}}>
|
<div className="pb-5">
|
||||||
<div className="col-12 col-lg-12">
|
<div className="flex flex-col gap-1">
|
||||||
<div className="card card-statistics">
|
<div className="w-full">
|
||||||
<div className="card-header">
|
<h4 className="font-semibold text-lg">Account Profile</h4>
|
||||||
<div className="card-heading">
|
|
||||||
<h4 className="card-title"><b>Account Profile</b></h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="card-body">
|
<div className="w-full overflow-x-auto">
|
||||||
<div className="table-responsive">
|
<>
|
||||||
<table className="table table-hover mb-0"
|
<table className="py-2 w-full text-sm bg-[aliceblue] dark:bg-transparent rounded-[10px]">
|
||||||
style={{width: '100%', backgroundColor: 'aliceblue', borderRadius: '10px'}}>
|
<thead className="py-2 text-sm text-slate-500 text-left">
|
||||||
<thead>
|
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">MemberID</th>
|
|
||||||
<th scope="col">Practice/Specialization</th>
|
<th scope="col" className="px-2 py-2">
|
||||||
<th scope="col">URL NAme</th>
|
Member ID
|
||||||
|
</th>
|
||||||
|
<th scope="col" className="px-2">
|
||||||
|
Practice/specialization
|
||||||
|
</th>
|
||||||
|
<th scope="col" className="px-2">
|
||||||
|
URL Name
|
||||||
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
{(profile && Object.keys(profile).length > 0) ?
|
||||||
<th scope="row">1</th>
|
<tr className="py-2 border-t border-dashed border-slate-300">
|
||||||
<td>
|
<td className="px-2">
|
||||||
Practice: xxxxx xxxxxx<br/>
|
<div className="text-left">
|
||||||
Specialization: JAJAJJAJAJAJAJAJ
|
<div className="text-base font-semibold">{profile?.member_id}</div>
|
||||||
</td>
|
</div>
|
||||||
<td>url-name-i-picked</td>
|
</td>
|
||||||
</tr>
|
<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>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</>
|
||||||
</>
|
|
||||||
}
|
}
|
||||||
@@ -57,7 +57,7 @@ export default function AccountViewCom() {
|
|||||||
:
|
:
|
||||||
<>
|
<>
|
||||||
<CustomerAccountView accountInfo={account_info} />
|
<CustomerAccountView accountInfo={account_info} />
|
||||||
<AccountProfileView />
|
<AccountProfileView profile={account_profile} />
|
||||||
<CustomerSubscriptionsView subscriptions={subscriptions} memberUID={memberUID} />
|
<CustomerSubscriptionsView subscriptions={subscriptions} memberUID={memberUID} />
|
||||||
<CustomerPaymentsView payments={payments} />
|
<CustomerPaymentsView payments={payments} />
|
||||||
</>
|
</>
|
||||||
|
|||||||
@@ -10,11 +10,11 @@ export default function CustomerAccountView({accountInfo}) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="w-full overflow-x-auto">
|
<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">
|
<thead className="py-2 text-sm text-slate-500 text-left">
|
||||||
<tr>
|
<tr>
|
||||||
|
|
||||||
<th scope="col" className="px-2">
|
<th scope="col" className="px-2 py-2">
|
||||||
Firstname
|
Firstname
|
||||||
</th>
|
</th>
|
||||||
<th scope="col" className="px-2">
|
<th scope="col" className="px-2">
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ export default function CustomerPaymentsView({payments}) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="w-full overflow-x-auto">
|
<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">
|
<thead className="py-2 text-sm text-slate-500 text-left">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" className="px-2 py-2">
|
<th scope="col" className="px-2 py-2">
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export default function CustomerSubscriptionsView({subscriptions, memberUID}) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="w-full overflow-x-auto">
|
<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">
|
<thead className="py-2 text-sm text-slate-500 text-left">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" className="px-2 py-2">
|
<th scope="col" className="px-2 py-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user