MERMS/MermsFirstOffice
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

banner added

Browse Source
This commit is contained in:
Olusesan Ameye
2026-04-29 12:55:01 -04:00
parent 5c8f96d92a
commit 5d8d5aa2be
2 changed files with 97 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/account_edit/AccountBannerCom.jsx
+92
View File
@@ -0,0 +1,92 @@
import {Link} from 'react-router-dom'
import Icons from "../Icons";
export default function AccountBannerCom({accountInfo}) {
return <>
<div className="pb-5">
<div className="flex flex-col gap-1">
<div className="w-full">
<h4 className="font-semibold text-lg">Account Info</h4>
</div>
<div className="w-full overflow-x-auto">
<>
<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">
Firstname
</th>
<th scope="col" className="px-2">
Lastname
</th>
<th scope="col" className="px-2">
Username
</th>
<th scope="col" className="px-2">
Email
</th>
<th scope="col" className="px-2">
Country
</th>
<th scope="col" className="px-2 text-right">
Action
</th>
</tr>
</thead>
<tbody>
{(accountInfo && Object.keys(accountInfo).length > 0) ?
<tr className="py-2 border-t border-dashed border-slate-300">
{/*<td className="px-2 py-2">*/}
{/* <div className="text-left">*/}
{/* <div className="text-base font-semibold">{1}</div>*/}
{/* </div>*/}
{/*</td>*/}
<td className="px-2">
<div className="text-left">
<div className="text-base font-semibold">{accountInfo?.firstname}</div>
</div>
</td>
<td className="px-2">
<div className="text-left">
<div className="text-base font-semibold">{accountInfo?.lastname}</div>
</div>
</td>
<td className="px-2">
<div className="text-left">
<div className="text-base font-semibold">{accountInfo?.username}</div>
</div>
</td>
<td className="px-2">
<div className="text-left">
<div className="text-base font-semibold">{accountInfo?.email}</div>
</div>
</td>
<td className="px-2">
<div className="text-left">
<div className="text-base font-semibold">{accountInfo?.country}</div>
</div>
</td>
</tr>
:
<tr className="py-2 border-t border-dashed border-slate-300">
<td className="px-3 py-2" colSpan={6}>
<div className="flex justify-center items-center">
No Record Found
</div>
</td>
</tr>
}
</tbody>
</table>
</>
</div>
</div>
</div>
</>
}
src/components/account_edit/AccountEditCom.jsx
+5 -12
View File
@@ -7,10 +7,8 @@ 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";
import AccountBannerCom from "./AccountBannerCom";
export default function AccountEditCom() {
const queryClient = useQueryClient();
@@ -39,9 +37,7 @@ export default function AccountEditCom() {
});
const accountsViewData = data?.data; // ACCOUNT VIEW DATA
const account_info = accountsViewData?.account;
const account_profile = accountsViewData?.account_profile;
const subscriptions = accountsViewData?.subscriptions;
const payments = accountsViewData?.payments;
useEffect(() => {
queryClient.refetchQueries({
@@ -54,7 +50,7 @@ export default function AccountEditCom() {
return (
<div className="w-full flex flex-col gap-8">
<BreadcrumbCom
title={`Account View [${state?.memberUID}]`}
title={`Account Edit [${state?.memberUID}]`}
paths={["Dashboard", "Account View"]}
/>
@@ -67,10 +63,7 @@ export default function AccountEditCom() {
<p className="text-red-500">{error.message}</p>
) : (
<>
{/* <CustomerAccountView accountInfo={account_info} />
<AccountProfileView profile={account_profile} />
<CustomerSubscriptionsView subscriptions={subscriptions} />
<CustomerPaymentsView payments={payments} /> */}
<AccountBannerCom accountInfo={account_info} />
</>
)}
</div>