From cdf27d81a6970b5dfaf6175a8f33320b5bdeca0d Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Tue, 14 Jul 2026 15:00:08 +0330
Subject: [PATCH] fix(subscription): make the settings sidebar RTL

Flip the settings menu to dir=rtl with right-aligned title, search and rows so
the Persian labels read right-to-left.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../components/layout/PurchaseSubscriptionSidebar.tsx     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/admin/components/layout/PurchaseSubscriptionSidebar.tsx b/assets/admin/components/layout/PurchaseSubscriptionSidebar.tsx
index ded70f3b..72f0b15c 100644
--- a/assets/admin/components/layout/PurchaseSubscriptionSidebar.tsx
+++ b/assets/admin/components/layout/PurchaseSubscriptionSidebar.tsx
@@ -22,13 +22,13 @@ export default function PurchaseSubscriptionSidebar({ active }: { active: string
 
   return (
     <aside
-      dir="ltr"
+      dir="rtl"
       aria-label="منوی تنظیمات"
       className="hidden lg:block"
       style={{ alignSelf: 'start', position: 'sticky', top: 'calc(var(--topbar-h) + 16px)' }}
     >
       <div style={{
-        fontSize: 16, fontWeight: 800, color: 'var(--text-2)', textAlign: 'left',
+        fontSize: 16, fontWeight: 800, color: 'var(--text-2)', textAlign: 'right',
         marginBottom: 10, padding: '0 4px',
       }}>
         تنظیمات
@@ -36,7 +36,7 @@ export default function PurchaseSubscriptionSidebar({ active }: { active: string
 
       <div style={{ marginBottom: 16 }}>
         <div style={{
-          display: 'flex', alignItems: 'center', flexDirection: 'row-reverse', gap: 8,
+          display: 'flex', alignItems: 'center', gap: 8,
           background: 'var(--surface)', border: '1px solid var(--border)',
           borderRadius: 'var(--r-sm)', padding: '8px 12px',
         }}>
@@ -62,7 +62,7 @@ export default function PurchaseSubscriptionSidebar({ active }: { active: string
             borderRadius: 12, height: 44, marginBottom: 8,
             display: 'flex', alignItems: 'center', justifyContent: 'flex-start',
             padding: '0 14px', fontSize: 16, fontWeight: isActive ? 700 : 500,
-            lineHeight: 1, textAlign: 'left',
+            lineHeight: 1, textAlign: 'right',
             background: isActive ? '#f17732' : 'transparent',
             color: isActive ? '#FFFFFF' : 'var(--text-2)',
             cursor: item.to ? 'pointer' : 'not-allowed',