From 16389fdd85c40b20b5b7ee6db68864cc1b4f06cf Mon Sep 17 00:00:00 2001 From: Arda Samadi Date: Thu, 9 Jul 2026 12:06:13 +0330 Subject: [PATCH] fix(desktop): lay out dashboard sub-pages + form pages for wide screens - HeaderWithSupport is now lg:hidden (all its callers are desktop-full-width store/profile pages), removing the stray mobile back+support bar on desktop. - Constrain + title the previously mobile-only pages so their content doesn't stretch edge-to-edge on desktop: store edit/create form (StoreForm), add product, shipping method, financial sub-pages (cash-funds/reports/ transactions), order detail, instagram auth; and profile add/edit address, set detail, and payment result. Forms use a narrow centered column, lists/ details a wider one. Transactions keeps its filter button (header restyled, not hidden). Co-Authored-By: Claude Opus 4.8 --- app/components/HeaderWithSupport.tsx | 4 +++- app/components/store/StoreForm.tsx | 7 +++++-- app/routes/profile.location.add.tsx | 5 ++++- app/routes/profile.location.edit.$id.tsx | 5 ++++- app/routes/profile.sets.$id.tsx | 2 +- app/routes/profile.wallet.payment.tsx | 2 +- .../store.$storeId.financial-dashboard.cash-funds.tsx | 5 ++++- .../store.$storeId.financial-dashboard.reports.tsx | 5 ++++- ...store.$storeId.financial-dashboard.transactions.tsx | 10 +++++----- app/routes/store.$storeId.orders.$orderId.tsx | 5 ++++- app/routes/store.$storeId.shipping-method.tsx | 5 ++++- app/routes/store.add.manual.$storeId.tsx | 2 +- app/routes/store.authenticate.instagram.$storeId.tsx | 2 +- 13 files changed, 41 insertions(+), 18 deletions(-) diff --git a/app/components/HeaderWithSupport.tsx b/app/components/HeaderWithSupport.tsx index db8799e..ab12897 100644 --- a/app/components/HeaderWithSupport.tsx +++ b/app/components/HeaderWithSupport.tsx @@ -39,7 +39,9 @@ const HeaderWithSupport = memo(function HeaderWithSupport({ return ( <> -
+ {/* Mobile only — on desktop the dashboard sidebar / desktop header stands + in for this back+support bar. */} +
{renderHeader()} +

+ {mode === "create" ? "ایجاد فروشگاه" : "ویرایش اطلاعات فروشگاه"} +

{renderLogoSection()} diff --git a/app/routes/profile.location.add.tsx b/app/routes/profile.location.add.tsx index 1dfb33e..69ab59c 100644 --- a/app/routes/profile.location.add.tsx +++ b/app/routes/profile.location.add.tsx @@ -19,8 +19,11 @@ export default function AddLocation() { const [showMap, setShowMap] = useState(false); return ( -
+
+

+ افزودن آدرس +

{!showMap ? ( // Show form first with option to use map diff --git a/app/routes/profile.location.edit.$id.tsx b/app/routes/profile.location.edit.$id.tsx index b3ec040..ba3f1f4 100644 --- a/app/routes/profile.location.edit.$id.tsx +++ b/app/routes/profile.location.edit.$id.tsx @@ -62,8 +62,11 @@ export default function EditLocation() { }; }, []); return ( -
+
+

+ ویرایش آدرس +

+
{/* Header */} +
{status === "success" ? ( diff --git a/app/routes/store.$storeId.financial-dashboard.cash-funds.tsx b/app/routes/store.$storeId.financial-dashboard.cash-funds.tsx index f497b22..7376e5e 100644 --- a/app/routes/store.$storeId.financial-dashboard.cash-funds.tsx +++ b/app/routes/store.$storeId.financial-dashboard.cash-funds.tsx @@ -75,8 +75,11 @@ export default function CashingFunds() { useServiceGetBankAccounts(); const [cashDrawerIsOpen, setCashDrawerIsOpen] = useState(false); return ( -
+
+

+ برداشت وجه +

کارت‌های بانکی شما:

diff --git a/app/routes/store.$storeId.financial-dashboard.reports.tsx b/app/routes/store.$storeId.financial-dashboard.reports.tsx index 3f6e8f0..d124220 100644 --- a/app/routes/store.$storeId.financial-dashboard.reports.tsx +++ b/app/routes/store.$storeId.financial-dashboard.reports.tsx @@ -62,8 +62,11 @@ export default function Reports() { }, [fromDate, toDate, setSearchParams]); return ( -
+
+

+ گزارش مالی +

- {/* Header */} -
- -

لیست تراکنش‌ها

+
+ {/* Header (keeps the filter button; just constrained on desktop) */} +
+ +

لیست تراکنش‌ها

{ filterIconClicked(); diff --git a/app/routes/store.$storeId.orders.$orderId.tsx b/app/routes/store.$storeId.orders.$orderId.tsx index d5df279..6fe3791 100644 --- a/app/routes/store.$storeId.orders.$orderId.tsx +++ b/app/routes/store.$storeId.orders.$orderId.tsx @@ -168,8 +168,11 @@ export default function OrderDetail() { } return ( <> -
+
+

+ جزئیات سفارش +

diff --git a/app/routes/store.$storeId.shipping-method.tsx b/app/routes/store.$storeId.shipping-method.tsx index ff8bc51..557abdd 100644 --- a/app/routes/store.$storeId.shipping-method.tsx +++ b/app/routes/store.$storeId.shipping-method.tsx @@ -313,8 +313,11 @@ export default function ShippingMethod() { } return ( -

+
+

+ نحوه ارسال +

+
+
safeGoBack(navigate)}