From f18e19aff72714a9578607027a34ab70cef281d2 Mon Sep 17 00:00:00 2001
From: payacom <59262811+payacom@users.noreply.github.com>
Date: Wed, 16 Sep 2026 17:24:58 +0330
Subject: [PATCH] fix(ui): shop buyer/seller toggle and tabs use
 btnPrimary/btnDefault directly

Replaces toggleBtnClass/filterChipClass (solid btn-modern--selected fill +
white text) with the exact same classes as the apply-filter button
(tint background, colored border/text) so the selected state matches.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/app/settings/shop/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/settings/shop/page.tsx b/src/app/settings/shop/page.tsx
index 04c9878..7420080 100644
--- a/src/app/settings/shop/page.tsx
+++ b/src/app/settings/shop/page.tsx
@@ -17,7 +17,7 @@ import ShopCartTab from "@/components/shops/ShopCartTab";
 import ShopFavoritesTab from "@/components/shops/ShopFavoritesTab";
 import useAxios from "@/hooks/useAxios";
 import useInfiniteScroll from "@/hooks/useInfiniteScroll";
-import { toggleBtnClass, filterChipClass } from "@/lib/ui/buttonStyles";
+import { btnPrimary, btnDefault } from "@/lib/ui/buttonStyles";
 import { cn } from "@/lib/utils";
 import { staticIconUrl } from "@/components/main/BaseUrl";
 import Image from "next/image";
@@ -164,13 +164,13 @@ export default function ShopSettingsPage() {
           </div>
           <div className="mx-auto mt-4 grid w-full max-w-md grid-cols-2 gap-4">
             <RoundedButton
-              className={cn(toggleBtnClass(filter === FILTER_SELLER), "h-10")}
+              className={cn(filter === FILTER_SELLER ? btnPrimary : btnDefault, "h-10 text-xs")}
               onClick={() => setFilter(FILTER_SELLER)}
             >
               {t("shops.sellerTab")}
             </RoundedButton>
             <RoundedButton
-              className={cn(toggleBtnClass(filter === FILTER_BUYER), "h-10")}
+              className={cn(filter === FILTER_BUYER ? btnPrimary : btnDefault, "h-10 text-xs")}
               onClick={() => setFilter(FILTER_BUYER)}
             >
               {t("shops.buyerTab")}
@@ -184,7 +184,7 @@ export default function ShopSettingsPage() {
                   key={tabId}
                   type="button"
                   onClick={() => setSellerTab(tabId)}
-                  className={filterChipClass(sellerTab === tabId, "h-10 shrink-0")}
+                  className={cn(sellerTab === tabId ? btnPrimary : btnDefault, "h-10 text-xs shrink-0")}
                 >
                   {t(`shops.sellerTabs.${tabId}`)}
                 </button>
@@ -199,7 +199,7 @@ export default function ShopSettingsPage() {
                   key={tabId}
                   type="button"
                   onClick={() => setBuyerTab(tabId)}
-                  className={filterChipClass(buyerTab === tabId, "h-10 shrink-0")}
+                  className={cn(buyerTab === tabId ? btnPrimary : btnDefault, "h-10 text-xs shrink-0")}
                 >
                   {t(`shops.buyerTabs.${tabId}`)}
                 </button>