banner added

src/components/account_edit/AccountBannerCom.jsx

@@ -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

@@ -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 AccountBannerCom from "./AccountBannerCom";
-// import AccountProfileView from "./AccountProfileView";
+
-// import CustomerSubscriptionsView from "./CustomerSubscriptionsView";
-// import CustomerPaymentsView from "./CustomerPaymentsView";
 
 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} />
+             <AccountBannerCom accountInfo={account_info} />
-            <AccountProfileView profile={account_profile} />
-            <CustomerSubscriptionsView subscriptions={subscriptions} />
-            <CustomerPaymentsView payments={payments} /> */}
           </>
         )}
       </div>