From 7eef5e64b3c27e4155ea8b8b7d5bc3876aeb2058 Mon Sep 17 00:00:00 2001 From: safavimohadeseh78 Date: Wed, 5 Aug 2026 14:07:42 +0200 Subject: [PATCH] Allow mixed-company cart, add delete confirmations, and fix profile settings routes. Co-authored-by: Cursor --- src/App.vue | 2 + src/components/layout/DesktopHeader.vue | 4 +- src/components/layout/DesktopSidebar.vue | 4 +- src/components/ui/ConfirmDialog.vue | 66 ++++++ src/composables/useCartPage.ts | 20 +- src/composables/useConfirm.ts | 48 ++++ src/router/index.ts | 18 ++ src/stores/cart.ts | 214 +++++++++++------- src/types/index.ts | 3 + src/views/cart/CartView.vue | 2 +- src/views/cart/components/DesktopCartPage.vue | 6 +- src/views/cart/components/MobileCartPage.vue | 12 +- src/views/checkout/CashSettlementView.vue | 12 +- src/views/checkout/CheckListView.vue | 13 +- src/views/companies/CompanySelectView.vue | 50 +--- src/views/profile/ProfileDisplayView.vue | 132 +++++++++++ .../profile/ProfileNotificationsView.vue | 118 ++++++++++ src/views/profile/ProfileSecurityView.vue | 99 ++++++++ .../profile/components/DesktopProfilePage.vue | 6 +- .../components/ProfileSubpageLayout.vue | 118 ++++++++++ 20 files changed, 802 insertions(+), 145 deletions(-) create mode 100644 src/components/ui/ConfirmDialog.vue create mode 100644 src/composables/useConfirm.ts create mode 100644 src/views/profile/ProfileDisplayView.vue create mode 100644 src/views/profile/ProfileNotificationsView.vue create mode 100644 src/views/profile/ProfileSecurityView.vue create mode 100644 src/views/profile/components/ProfileSubpageLayout.vue diff --git a/src/App.vue b/src/App.vue index d8a0da8..fff0c69 100644 --- a/src/App.vue +++ b/src/App.vue @@ -2,6 +2,7 @@ import { onMounted } from 'vue' import { RouterView } from 'vue-router' import DefaultLayout from '@/layouts/DefaultLayout.vue' +import ConfirmDialog from '@/components/ui/ConfirmDialog.vue' import { useAuthStore } from '@/stores/auth' import { useCartStore } from '@/stores/cart' import { useOrderStore } from '@/stores/order' @@ -21,4 +22,5 @@ onMounted(() => { + diff --git a/src/components/layout/DesktopHeader.vue b/src/components/layout/DesktopHeader.vue index 4d5a47b..99ef038 100644 --- a/src/components/layout/DesktopHeader.vue +++ b/src/components/layout/DesktopHeader.vue @@ -21,7 +21,9 @@ const initials = computed(() => { return `${first}${last}` || '؟' }) -const companyLabel = computed(() => cartStore.activeCart?.companyName ?? '') +const companyLabel = computed( + () => cartStore.companyNamesLabel || cartStore.activeCart?.companyName || '', +) const searchPlaceholder = computed(() => { if (route.path.startsWith('/orders')) return 'جستجو در سفارش‌ها...' diff --git a/src/components/layout/DesktopSidebar.vue b/src/components/layout/DesktopSidebar.vue index f9ac060..8cc66b1 100644 --- a/src/components/layout/DesktopSidebar.vue +++ b/src/components/layout/DesktopSidebar.vue @@ -17,7 +17,9 @@ const orderStore = useOrderStore() const cartCount = computed(() => cartStore.itemCount) const draftCheckCount = computed(() => orderStore.draftChecks.length) -const activeCompanyId = computed(() => cartStore.activeCart?.companyId ?? null) +const activeCompanyId = computed( + () => cartStore.selectedCompanyId || cartStore.activeCart?.companyId || null, +) function navigate(item: (typeof DESKTOP_NAV_ITEMS)[number]) { router.push(resolveNavPath(item, activeCompanyId.value)) diff --git a/src/components/ui/ConfirmDialog.vue b/src/components/ui/ConfirmDialog.vue new file mode 100644 index 0000000..df0c89f --- /dev/null +++ b/src/components/ui/ConfirmDialog.vue @@ -0,0 +1,66 @@ + + + + + diff --git a/src/composables/useCartPage.ts b/src/composables/useCartPage.ts index 17b2274..ceca3ba 100644 --- a/src/composables/useCartPage.ts +++ b/src/composables/useCartPage.ts @@ -1,6 +1,7 @@ import { computed, ref, onMounted } from 'vue' import { useRouter } from 'vue-router' import { useCartStore } from '@/stores/cart' +import { confirm } from '@/composables/useConfirm' export function useCartPage() { const router = useRouter() @@ -9,9 +10,20 @@ export function useCartPage() { const items = computed(() => cartStore.activeCart?.items ?? []) const isEmpty = computed(() => items.value.length === 0) - const companyName = computed(() => cartStore.activeCart?.companyName ?? '') + const companyName = computed(() => cartStore.companyNamesLabel || cartStore.activeCart?.companyName || '') - function removeItem(itemId: string) { + async function removeItem(itemId: string) { + const item = items.value.find((entry) => entry.id === itemId) + const ok = await confirm({ + title: 'حذف از سبد', + message: item + ? `آیا از حذف «${item.productName}» از سبد خرید مطمئن هستید؟` + : 'آیا از حذف این آیتم از سبد خرید مطمئن هستید؟', + confirmLabel: 'حذف', + cancelLabel: 'انصراف', + tone: 'danger', + }) + if (!ok) return cartStore.removeItem(itemId) } @@ -32,9 +44,11 @@ export function useCartPage() { function createNewInvoice() { cartStore.createNewCartForSameCompany() showFullDialog.value = false - const companyId = cartStore.activeCart?.companyId + const companyId = cartStore.selectedCompanyId || cartStore.activeCart?.companyId if (companyId) { router.push(`/companies/${companyId}/catalogs`) + } else { + router.push('/') } } diff --git a/src/composables/useConfirm.ts b/src/composables/useConfirm.ts new file mode 100644 index 0000000..5571171 --- /dev/null +++ b/src/composables/useConfirm.ts @@ -0,0 +1,48 @@ +import { reactive } from 'vue' + +export interface ConfirmOptions { + title: string + message: string + confirmLabel?: string + cancelLabel?: string + tone?: 'danger' | 'primary' +} + +interface ConfirmState extends ConfirmOptions { + open: boolean + resolve: ((value: boolean) => void) | null +} + +const state = reactive({ + open: false, + title: '', + message: '', + confirmLabel: 'حذف', + cancelLabel: 'انصراف', + tone: 'danger', + resolve: null, +}) + +export function useConfirmState() { + return state +} + +export function confirm(options: ConfirmOptions): Promise { + return new Promise((resolve) => { + Object.assign(state, { + open: true, + title: options.title, + message: options.message, + confirmLabel: options.confirmLabel ?? 'حذف', + cancelLabel: options.cancelLabel ?? 'انصراف', + tone: options.tone ?? 'danger', + resolve, + }) + }) +} + +export function resolveConfirm(value: boolean) { + state.resolve?.(value) + state.open = false + state.resolve = null +} diff --git a/src/router/index.ts b/src/router/index.ts index 71f89aa..8e1663b 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -106,6 +106,24 @@ const router = createRouter({ component: () => import('@/views/profile/ProfileEditView.vue'), meta: { requiresAuth: true }, }, + { + path: '/profile/security', + name: 'profile-security', + component: () => import('@/views/profile/ProfileSecurityView.vue'), + meta: { requiresAuth: true }, + }, + { + path: '/profile/notifications', + name: 'profile-notifications', + component: () => import('@/views/profile/ProfileNotificationsView.vue'), + meta: { requiresAuth: true }, + }, + { + path: '/profile/display', + name: 'profile-display', + component: () => import('@/views/profile/ProfileDisplayView.vue'), + meta: { requiresAuth: true }, + }, { path: '/profile/checks', name: 'profile-checks', diff --git a/src/stores/cart.ts b/src/stores/cart.ts index b99ae2e..d78a8da 100644 --- a/src/stores/cart.ts +++ b/src/stores/cart.ts @@ -6,6 +6,8 @@ import { validateMeterage } from '@/utils/validation' import { getItem, setItem, STORAGE_KEYS } from '@/services/storage' import { getCompanyById } from '@/data/mockData' +const DEFAULT_MAX_METERAGE = 5000 + function loadCarts(): Cart[] { return getItem(STORAGE_KEYS.carts, []) } @@ -26,16 +28,37 @@ function getCartTotalMeterage(cart: Cart): number { return cart.items.reduce((sum, item) => sum + item.meterage, 0) } -function findOpenCartForCompany(carts: Cart[], company: Company): Cart | undefined { - return carts.find( - (cart) => - cart.companyId === company.id && - getCartTotalMeterage(cart) < company.maxMeteragePerInvoice, - ) +function companyMeterage(cart: Cart, companyId: string): number { + return cart.items + .filter((item) => item.companyId === companyId) + .reduce((sum, item) => sum + item.meterage, 0) +} + +function uniqueCompanyNames(items: CartItem[]): string { + const names = [...new Set(items.map((item) => item.companyName).filter(Boolean))] + return names.join('، ') +} + +function syncCartCompanyMeta(cart: Cart) { + if (cart.items.length === 0) return + const first = cart.items[0]! + cart.companyId = first.companyId + cart.companyName = uniqueCompanyNames(cart.items) || first.companyName +} + +function migrateCartItems(carts: Cart[]): Cart[] { + return carts.map((cart) => ({ + ...cart, + items: cart.items.map((item) => ({ + ...item, + companyId: item.companyId || cart.companyId, + companyName: item.companyName || cart.companyName, + })), + })) } export const useCartStore = defineStore('cart', () => { - const carts = ref(loadCarts()) + const carts = ref(migrateCartItems(loadCarts())) const activeCartId = ref(loadActiveCartId()) const selectedCompanyId = ref(null) @@ -47,10 +70,24 @@ export const useCartStore = defineStore('cart', () => { const itemCount = computed(() => activeCart.value?.items.length ?? 0) + const companyNamesLabel = computed(() => { + if (!activeCart.value?.items.length) return '' + return uniqueCompanyNames(activeCart.value.items) + }) + const maxMeterage = computed(() => { - if (!activeCart.value) return 5000 - const company = getCompanyById(activeCart.value.companyId) - return company?.maxMeteragePerInvoice ?? 5000 + if (!activeCart.value?.items.length) { + const selected = selectedCompanyId.value + ? getCompanyById(selectedCompanyId.value) + : null + return selected?.maxMeteragePerInvoice ?? DEFAULT_MAX_METERAGE + } + + const companyIds = [...new Set(activeCart.value.items.map((item) => item.companyId))] + return companyIds.reduce((sum, id) => { + const company = getCompanyById(id) + return sum + (company?.maxMeteragePerInvoice ?? DEFAULT_MAX_METERAGE) + }, 0) }) const remainingCapacity = computed(() => Math.max(0, maxMeterage.value - totalMeterage.value)) @@ -62,60 +99,68 @@ export const useCartStore = defineStore('cart', () => { saveActiveCartId(activeCartId.value) } - function initCartForCompany(company: Company): Cart { - const existing = findOpenCartForCompany(carts.value, company) - if (existing) { - activeCartId.value = existing.id - selectedCompanyId.value = company.id - persist() - return existing - } - + function createEmptyCart(company?: Company): Cart { const cart: Cart = { id: generateId(), - companyId: company.id, - companyName: company.name, + companyId: company?.id ?? '', + companyName: company?.name ?? '', items: [], } carts.value.push(cart) activeCartId.value = cart.id - selectedCompanyId.value = company.id + if (company) selectedCompanyId.value = company.id persist() return cart } - function switchCompanyWarning(currentCompanyName: string, newCompanyName: string): string { - return `سبد خرید فعلی مربوط به ${currentCompanyName} است. برای خرید از ${newCompanyName} باید سبد خرید جداگانه‌ای ایجاد کنید.` + function getOrCreateCart(company?: Company): Cart { + if (activeCart.value) return activeCart.value + + const withItems = carts.value.find((cart) => cart.items.length > 0) + if (withItems) { + activeCartId.value = withItems.id + selectedCompanyId.value = selectedCompanyId.value ?? withItems.companyId + persist() + return withItems + } + + const open = carts.value.find( + (cart) => getCartTotalMeterage(cart) < DEFAULT_MAX_METERAGE, + ) + if (open) { + activeCartId.value = open.id + if (company) selectedCompanyId.value = company.id + persist() + return open + } + + return createEmptyCart(company) } - function canSwitchToCompany(companyId: string): { allowed: boolean; message?: string } { - if (!activeCart.value || activeCart.value.items.length === 0) { - return { allowed: true } - } - if (activeCart.value.companyId === companyId) { - return { allowed: true } - } - const newCompany = getCompanyById(companyId) - return { - allowed: false, - message: switchCompanyWarning(activeCart.value.companyName, newCompany?.name ?? ''), + /** @deprecated Prefer getOrCreateCart / selectCompany — kept for callers. */ + function initCartForCompany(company: Company): Cart { + selectedCompanyId.value = company.id + const cart = getOrCreateCart(company) + if (!cart.companyId) { + cart.companyId = company.id + cart.companyName = company.name + persist() } + return cart + } + + function selectCompany(company: Company): void { + selectedCompanyId.value = company.id + getOrCreateCart(company) } function createNewCartForSameCompany(): Cart | null { - if (!activeCart.value) return null - const company = getCompanyById(activeCart.value.companyId) - if (!company) return null - const cart: Cart = { - id: generateId(), - companyId: company.id, - companyName: company.name, - items: [], - } - carts.value.push(cart) - activeCartId.value = cart.id - persist() - return cart + const company = selectedCompanyId.value + ? getCompanyById(selectedCompanyId.value) + : activeCart.value?.companyId + ? getCompanyById(activeCart.value.companyId) + : undefined + return createEmptyCart(company) } function addItem( @@ -123,40 +168,37 @@ export const useCartStore = defineStore('cart', () => { catalogCode: string, meterage: number, ): { success: boolean; message?: string } { - if (!activeCart.value) { - return { success: false, message: 'ابتدا شرکت را انتخاب کنید.' } + const company = getCompanyById(product.companyId) + if (!company) { + return { success: false, message: 'شرکت محصول یافت نشد.' } } - if (activeCart.value.companyId !== product.companyId) { - const currentCompany = activeCart.value.companyName - const newCompany = getCompanyById(product.companyId) - return { - success: false, - message: switchCompanyWarning(currentCompany, newCompany?.name ?? ''), - } - } + const cart = getOrCreateCart(company) + selectedCompanyId.value = company.id - const validation = validateMeterage(meterage, product, totalMeterage.value, maxMeterage.value) + const companyMax = company.maxMeteragePerInvoice + const currentCompanyMeterage = companyMeterage(cart, company.id) + const existing = cart.items.find((i) => i.productId === product.id) + const previousMeterage = existing?.meterage ?? 0 + + const validation = validateMeterage( + meterage, + product, + currentCompanyMeterage, + companyMax, + previousMeterage, + ) if (!validation.valid) { return { success: false, message: validation.message } } - const existingIndex = activeCart.value.items.findIndex((i) => i.productId === product.id) - if (existingIndex >= 0) { - const existing = activeCart.value.items[existingIndex]! - const revalidation = validateMeterage( - meterage, - product, - totalMeterage.value, - maxMeterage.value, - existing.meterage, - ) - if (!revalidation.valid) { - return { success: false, message: revalidation.message } - } + if (existing) { existing.meterage = meterage + existing.catalogCode = catalogCode + existing.companyId = company.id + existing.companyName = company.name } else { - const item: CartItem = { + cart.items.push({ id: generateId(), productId: product.id, catalogCode, @@ -165,10 +207,12 @@ export const useCartStore = defineStore('cart', () => { color: product.color, meterage, unitPrice: product.basePrice, - } - activeCart.value.items.push(item) + companyId: company.id, + companyName: company.name, + }) } + syncCartCompanyMeta(cart) persist() return { success: true } } @@ -182,11 +226,15 @@ export const useCartStore = defineStore('cart', () => { const item = activeCart.value.items.find((i) => i.id === itemId) if (!item) return { success: false, message: 'آیتم یافت نشد.' } + const company = getCompanyById(item.companyId || product.companyId) + const companyMax = company?.maxMeteragePerInvoice ?? DEFAULT_MAX_METERAGE + const currentCompanyMeterage = companyMeterage(activeCart.value, item.companyId) + const validation = validateMeterage( meterage, product, - totalMeterage.value, - maxMeterage.value, + currentCompanyMeterage, + companyMax, item.meterage, ) if (!validation.valid) { @@ -201,6 +249,7 @@ export const useCartStore = defineStore('cart', () => { function removeItem(itemId: string) { if (!activeCart.value) return activeCart.value.items = activeCart.value.items.filter((i) => i.id !== itemId) + syncCartCompanyMeta(activeCart.value) persist() } @@ -224,15 +273,17 @@ export const useCartStore = defineStore('cart', () => { if (!cartWithItems) return activeCartId.value = cartWithItems.id - selectedCompanyId.value = cartWithItems.companyId + selectedCompanyId.value = selectedCompanyId.value || cartWithItems.companyId persist() } function hydrate() { - carts.value = loadCarts() + carts.value = migrateCartItems(loadCarts()) activeCartId.value = loadActiveCartId() if (activeCart.value) { - selectedCompanyId.value = activeCart.value.companyId + syncCartCompanyMeta(activeCart.value) + selectedCompanyId.value = selectedCompanyId.value || activeCart.value.companyId + persist() } } @@ -243,11 +294,12 @@ export const useCartStore = defineStore('cart', () => { activeCart, totalMeterage, itemCount, + companyNamesLabel, maxMeterage, remainingCapacity, isFull, initCartForCompany, - canSwitchToCompany, + selectCompany, createNewCartForSameCompany, addItem, updateItemMeterage, diff --git a/src/types/index.ts b/src/types/index.ts index 976aed9..9f13623 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -99,10 +99,13 @@ export interface CartItem { meterage: number unitPrice?: number notes?: string + companyId: string + companyName: string } export interface Cart { id: string + /** Primary / first company — cart may include items from other companies. */ companyId: string companyName: string items: CartItem[] diff --git a/src/views/cart/CartView.vue b/src/views/cart/CartView.vue index 72d6aa0..574cd26 100644 --- a/src/views/cart/CartView.vue +++ b/src/views/cart/CartView.vue @@ -20,7 +20,7 @@ const { } = useCartPage() function goToOrdering() { - const companyId = cartStore.activeCart?.companyId + const companyId = cartStore.selectedCompanyId || cartStore.activeCart?.companyId if (companyId) { router.push(`/companies/${companyId}/catalogs`) return diff --git a/src/views/cart/components/DesktopCartPage.vue b/src/views/cart/components/DesktopCartPage.vue index 25dbfc1..93f75ce 100644 --- a/src/views/cart/components/DesktopCartPage.vue +++ b/src/views/cart/components/DesktopCartPage.vue @@ -67,7 +67,9 @@ const quickLinks = [

سبد خرید

-

شرکت: {{ companyName || '—' }}

+

+ {{ companyName ? `شرکت‌ها: ${companyName}` : 'سبد خرید مشترک' }} +

@@ -104,6 +106,7 @@ const quickLinks = [ محصول + شرکت کد متراژ (متر) حذف @@ -114,6 +117,7 @@ const quickLinks = [ {{ item.productName }} + {{ item.companyName || '—' }} {{ item.productCode }} {{ formatNumber(item.meterage) }} diff --git a/src/views/cart/components/MobileCartPage.vue b/src/views/cart/components/MobileCartPage.vue index c33a227..358387c 100644 --- a/src/views/cart/components/MobileCartPage.vue +++ b/src/views/cart/components/MobileCartPage.vue @@ -36,7 +36,9 @@ const emit = defineEmits<{
-

شرکت : {{ companyName }}

+

+ {{ companyName ? `شرکت‌ها: ${companyName}` : 'سبد خرید مشترک' }} +

@@ -49,6 +51,7 @@ const emit = defineEmits<{
{{ item.productName }} کد: {{ item.productCode }} + {{ item.companyName }}
{{ formatNumber(item.meterage) }}
@@ -181,10 +184,17 @@ const emit = defineEmits<{ } .col-product span { + display: block; font-size: 0.75rem; color: var(--color-text-muted); } +.col-product__company { + margin-top: 2px; + color: var(--color-primary) !important; + font-weight: 600; +} + .col-meterage { text-align: center; font-weight: 700; diff --git a/src/views/checkout/CashSettlementView.vue b/src/views/checkout/CashSettlementView.vue index 8e8900c..9d86896 100644 --- a/src/views/checkout/CashSettlementView.vue +++ b/src/views/checkout/CashSettlementView.vue @@ -16,8 +16,13 @@ const cartStore = useCartStore() const orderStore = useOrderStore() const authStore = useAuthStore() -const companyId = computed(() => cartStore.activeCart?.companyId ?? '') -const companyName = computed(() => cartStore.activeCart?.companyName ?? '') +const companyId = computed(() => { + const firstItem = cartStore.activeCart?.items[0] + return firstItem?.companyId || cartStore.selectedCompanyId || cartStore.activeCart?.companyId || '' +}) +const companyName = computed( + () => cartStore.companyNamesLabel || cartStore.activeCart?.companyName || '', +) const bankAccounts = computed(() => orderStore.getBankAccountsForCompany(companyId.value)) const expiryMessage = computed(() => { @@ -27,7 +32,8 @@ const expiryMessage = computed(() => { }) const accountsSectionTitle = computed(() => { - const name = companyName.value.replace(/^شرکت\s+/u, '') + const company = getCompanyById(companyId.value) + const name = (company?.name || companyName.value).replace(/^شرکت\s+/u, '') return `شماره حساب‌های شرکت ${name}` }) diff --git a/src/views/checkout/CheckListView.vue b/src/views/checkout/CheckListView.vue index 17e5de5..892d73d 100644 --- a/src/views/checkout/CheckListView.vue +++ b/src/views/checkout/CheckListView.vue @@ -9,6 +9,7 @@ import EmptyState from '@/components/ui/EmptyState.vue' import IconChevronBack from '@/components/icons/IconChevronBack.vue' import { formatCurrency, formatDate, formatNumber, toPersianDigits } from '@/utils/format' import { calculateCheckRass } from '@/utils/checkRass' +import { confirm } from '@/composables/useConfirm' import type { CheckData } from '@/types' const route = useRoute() @@ -68,9 +69,17 @@ function addAnother() { router.push('/checkout/check-form') } -function removeCheck(id: string) { - orderStore.removeDraftCheck(id) +async function removeCheck(id: string) { openMenuId.value = '' + const ok = await confirm({ + title: 'حذف چک', + message: 'آیا از حذف این چک مطمئن هستید؟', + confirmLabel: 'حذف', + cancelLabel: 'انصراف', + tone: 'danger', + }) + if (!ok) return + orderStore.removeDraftCheck(id) } function toggleMenu(id: string) { diff --git a/src/views/companies/CompanySelectView.vue b/src/views/companies/CompanySelectView.vue index 40b37c5..a5bfeb0 100644 --- a/src/views/companies/CompanySelectView.vue +++ b/src/views/companies/CompanySelectView.vue @@ -1,9 +1,7 @@ + + + + diff --git a/src/views/profile/ProfileNotificationsView.vue b/src/views/profile/ProfileNotificationsView.vue new file mode 100644 index 0000000..558a27b --- /dev/null +++ b/src/views/profile/ProfileNotificationsView.vue @@ -0,0 +1,118 @@ + + + + + diff --git a/src/views/profile/ProfileSecurityView.vue b/src/views/profile/ProfileSecurityView.vue new file mode 100644 index 0000000..be661af --- /dev/null +++ b/src/views/profile/ProfileSecurityView.vue @@ -0,0 +1,99 @@ + + + + + diff --git a/src/views/profile/components/DesktopProfilePage.vue b/src/views/profile/components/DesktopProfilePage.vue index 9c7b095..9ea3e43 100644 --- a/src/views/profile/components/DesktopProfilePage.vue +++ b/src/views/profile/components/DesktopProfilePage.vue @@ -106,21 +106,21 @@ const settingsItems: Array<{ label: 'امنیت حساب', description: 'تغییر رمز عبور و تنظیمات ورود', icon: IconLock, - path: '/profile/edit', + path: '/profile/security', }, { id: 'notifications', label: 'اعلان‌ها', description: 'مدیریت اعلان‌های ایمیل و پیامک', icon: IconBell, - path: '/profile/edit', + path: '/profile/notifications', }, { id: 'display', label: 'تنظیمات نمایش', description: 'زبان، واحد پول و حالت نمایش', icon: IconLayoutGrid, - path: '/profile/edit', + path: '/profile/display', }, ] diff --git a/src/views/profile/components/ProfileSubpageLayout.vue b/src/views/profile/components/ProfileSubpageLayout.vue new file mode 100644 index 0000000..a8a9ea3 --- /dev/null +++ b/src/views/profile/components/ProfileSubpageLayout.vue @@ -0,0 +1,118 @@ + + + + +