پروفایل
- - سفارشهای من - - - آدرسهای من - -
-
-
+
+ );
+};
+
+export default ProfileExitAccount;
\ No newline at end of file
diff --git a/src/components/profile/profile-menu-item.tsx b/src/components/profile/profile-menu-item.tsx
new file mode 100644
index 0000000..9196af6
--- /dev/null
+++ b/src/components/profile/profile-menu-item.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import Link from 'next/link';
+import { ChevronLeft, User } from 'lucide-react';
+
+interface ProfileMenuItemInterface {
+ href: string;
+ text: string;
+ icon?: React.ReactNode;
+ isLast?: boolean;
+}
+
+const ProfileMenuItem = ({
+ href,
+ text,
+ icon,
+ isLast = false,
+}: ProfileMenuItemInterface) => {
+ return (
+
+
+
+
+
+ خروج
+
+
+
+ {icon ||
+ {text}
+
+ {menuItems.map((item, index) => (
+
+ );
+};
+
+export default ProfileMenu;
\ No newline at end of file
diff --git a/src/components/profile/profile-page-head-line.tsx b/src/components/profile/profile-page-head-line.tsx
new file mode 100644
index 0000000..cc4a40c
--- /dev/null
+++ b/src/components/profile/profile-page-head-line.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+interface ProfilePageHeadLineInterface {
+ title: String;
+}
+
+const ProfilePageHeadLine = ({ title }: ProfilePageHeadLineInterface) => {
+ return {title}
+} + +export default ProfilePageHeadLine \ No newline at end of file diff --git a/src/components/profile/profile-person-detail-card.tsx b/src/components/profile/profile-person-detail-card.tsx new file mode 100644 index 0000000..57d83d4 --- /dev/null +++ b/src/components/profile/profile-person-detail-card.tsx @@ -0,0 +1,70 @@ +'use client'; +import { useAccount } from "@/lib/providers/account-provider"; +import { getDisplayNameHelper, getInitialsHelper } from "@/lib/utils/account-utils"; + +const ProfilePersonDetailCard = () => { + const { data, error, isLoading } = useAccount(); + + if (isLoading) { + return ( +
+
+ );
+ }
+
+ if (error) {
+ return (
+ در حال بارگذاری...
+
+
+ );
+ }
+
+ if (!data) {
+ return (
+ {error}
+
+
+ );
+ }
+
+ const displayName = getDisplayNameHelper(data);
+ const initials = getInitialsHelper(data);
+
+ return (
+ اطلاعات پروفایل یافت نشد
+
+
+ );
+};
+
+export default ProfilePersonDetailCard;
\ No newline at end of file
diff --git a/src/components/wallet/transaction-history.tsx b/src/components/wallet/transaction-history.tsx
new file mode 100644
index 0000000..38d9721
--- /dev/null
+++ b/src/components/wallet/transaction-history.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import TransactionItem from './transaction-item';
+
+const transactions = [
+ { id: 1, amount: 250000, description: 'واریز از کارت', type: 'deposit' },
+ { id: 2, amount: 45000, description: 'پرداخت فاکتور', type: 'withdraw' },
+ { id: 3, amount: 120000, description: 'واریز نقدی', type: 'deposit' },
+ { id: 4, amount: 780000, description: 'حقوق ماهیانه', type: 'deposit' },
+ { id: 5, amount: 320000, description: 'خرید از فروشگاه', type: 'withdraw' },
+ { id: 6, amount: 560000, description: 'واریز چک', type: 'deposit' },
+ { id: 7, amount: 95000, description: 'شارژ اینترنت', type: 'withdraw' },
+ { id: 8, amount: 1500000, description: 'پرداخت وام', type: 'withdraw' },
+ { id: 9, amount: 430000, description: 'واریز از همراه', type: 'deposit' },
+ { id: 10, amount: 210000, description: 'خرید آنلاین', type: 'withdraw' },
+ { id: 11, amount: 670000, description: 'پاداش عملکرد', type: 'deposit' },
+ { id: 12, amount: 185000, description: 'پرداخت قبوض', type: 'withdraw' },
+ { id: 13, amount: 920000, description: 'فروش کالا', type: 'deposit' },
+ { id: 14, amount: 380000, description: 'انتقال به دوست', type: 'withdraw' },
+ { id: 15, amount: 110000, description: 'بازگشت وجه', type: 'deposit' },
+] as const;
+
+const TransactionHistory = () => {
+ return (
+
+
+
+ {data.avatar ? (
+ 
+ ) : (
+ {initials}
+ )}
+
+
+
+ {displayName}
+ + {data.phone_number && ( ++ {data.phone_number} +
+ )} + + +
+ {transactions.map((item, index) => (
+
+ );
+};
+
+export default TransactionHistory;
\ No newline at end of file
diff --git a/src/components/wallet/transaction-item.tsx b/src/components/wallet/transaction-item.tsx
new file mode 100644
index 0000000..6bf2c7c
--- /dev/null
+++ b/src/components/wallet/transaction-item.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import { ArrowDownIcon, ArrowUp } from 'lucide-react';
+import { formatPriceWithToman } from '@/lib/utils/priceUtils';
+
+interface TransactionItemProps {
+ amount: number;
+ description: string;
+ type: 'deposit' | 'withdraw';
+ isLast?: boolean;
+}
+
+const TransactionItem = ({
+ amount,
+ description,
+ type,
+ isLast = false,
+}: TransactionItemProps) => {
+ const isDeposit = type === 'deposit';
+ const Icon = isDeposit ? ArrowDownIcon : ArrowUp;
+
+ const amountColor = isDeposit ? 'text-success' : 'text-error';
+ const bgColor = isDeposit ? 'bg-success/10' : 'bg-error/10';
+ const iconColor = isDeposit ? 'text-success' : 'text-error';
+
+ return (
+
+
+ );
+};
+
+export default TransactionItem;
\ No newline at end of file
diff --git a/src/components/wallet/wallet-blanc-card.tsx b/src/components/wallet/wallet-blanc-card.tsx
new file mode 100644
index 0000000..26b073f
--- /dev/null
+++ b/src/components/wallet/wallet-blanc-card.tsx
@@ -0,0 +1,52 @@
+'use client';
+
+import { formatPriceWithToman } from '@/lib/utils/priceUtils';
+import { LogOutIcon, PlusIcon } from 'lucide-react';
+
+const WalletBlancCard = () => {
+ return (
+
+
+
+
+
+ {description}
+
+
+ {isDeposit ? '+' : '-'} {formatPriceWithToman(amount)}
+
+ ۱۴۰۳/۰۸/۲۴
+
+
+
+ );
+};
+
+export default WalletBlancCard;
\ No newline at end of file
diff --git a/src/lib/api/account.ts b/src/lib/api/account.ts
new file mode 100644
index 0000000..0ec2102
--- /dev/null
+++ b/src/lib/api/account.ts
@@ -0,0 +1,8 @@
+"use server";
+
+import { gooyalFetch } from "./gooyal-accounts";
+import type { Account } from "@/types/api";
+
+export async function getAccount(): Promise+ موجودی کیف پول +
++ {formatPriceWithToman(35000000)} +
+ +
+
+
+
+
+