From 0b32e97b7d277bb72c7d217e3e23e5240253403b Mon Sep 17 00:00:00 2001
From: soheil khaledabadi <soheilkhaledabdi@gmail.com>
Date: Wed, 16 Sep 2026 00:16:55 +0330
Subject: [PATCH] fix: show tutorial button directly in mobile DNS row
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Putting "آموزش" only inside the DNS management modal wasn't enough -
mobile users expect a direct button next to "مدیریت DNS", same as
the desktop row already has.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../profile/section/components/ConfigItem.tsx | 25 ++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/pages/profile/section/components/ConfigItem.tsx b/src/pages/profile/section/components/ConfigItem.tsx
index 2bc8248..2d41e47 100644
--- a/src/pages/profile/section/components/ConfigItem.tsx
+++ b/src/pages/profile/section/components/ConfigItem.tsx
@@ -281,12 +281,25 @@ const ConfigItem = ({
           </div>
           <div className="w-full md:hidden flex flex-row-reverse gap-2 justify-end items-stretch">
             {isDns && (
-              <Button
-                extra="!m-0 flex-1 !px-2 !py-2 shadow-md !font-bold text-sm whitespace-nowrap"
-                onClick={() => setIsOpenDnsModal(true)}
-              >
-                مدیریت DNS
-              </Button>
+              <>
+                <Button
+                  extra="!m-0 flex-1 !px-2 !py-2 shadow-md !font-bold text-sm whitespace-nowrap"
+                  onClick={() => setIsOpenDnsModal(true)}
+                >
+                  مدیریت DNS
+                </Button>
+                <Button
+                  extra="!m-0 flex-1 !px-2 !py-2 shadow-md !font-bold !text-black text-sm whitespace-nowrap"
+                  onClick={() => {
+                    if (categoryId) {
+                      dispatch(setCategoryId(categoryId));
+                      navigate("/tutorial");
+                    }
+                  }}
+                >
+                  آموزش
+                </Button>
+              </>
             )}
             {!isDns && (
               <Button