From 8f8ee906ca64233cecbacfd694c0e71c1d6e45b5 Mon Sep 17 00:00:00 2001
From: "tuan.cna" <tuan.cna@ots/vn>
Date: Mon, 2 Jun 2025 09:37:20 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=97=91=EF=B8=8F=20Remove=20Direction=20Se?=
 =?UTF-8?q?ction=20from=20Theme=20Customizer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Removed Features:
- Removed Direction section (LTR/RTL) from Theme Customizer
- Cleaned up Direction radio buttons and controls
- Removed RTL external link reference
- Fixed JSX structure after removal

🔧 Technical Fixes:
- Fixed missing closing div tag after Direction section removal
- Proper JSX structure maintained
- No ESLint parsing errors
- Clean component structure

📋 Changes Made:
- src/InitialPage/themeSettings.jsx: Removed Direction section
- Maintained all other theme customizer functionality
- Layout Mode, Navigation Colors, and other sections preserved
- Clean removal without breaking existing features

🎯 Benefits:
- Simplified theme customizer interface
- Removed unused Direction functionality
- Cleaner user experience
- Focused on essential theme options only

🚀 Maintained Features:
- Dark/Light mode switching
- Layout modes (Default, Box, Collapsed, etc.)
- Navigation color options
- Reset and Buy Now buttons
- All existing theme functionality
---
 src/InitialPage/themeSettings.jsx | 61 +------------------------------
 1 file changed, 2 insertions(+), 59 deletions(-)

diff --git a/src/InitialPage/themeSettings.jsx b/src/InitialPage/themeSettings.jsx
index e78953f..7215f55 100644
--- a/src/InitialPage/themeSettings.jsx
+++ b/src/InitialPage/themeSettings.jsx
@@ -389,65 +389,7 @@ const ThemeSettings = () => {
                       </div>
                     </div>
                   </div>
-                  <div className="theme-mode border-0">
-                    <div className="theme-head">
-                      <h6>Direction</h6>
-                      <p>Select the direction for your app.</p>
-                    </div>
-                    <div className="row">
-                      <div className="col-xl-6 ere">
-                        <div className="layout-wrap">
-                          <div className="d-flex align-items-center">
-                            <div className="status-toggle d-flex align-items-center me-2">
-                              <input
-                                type="radio"
-                                name="direction"
-                                id="ltr"
-                                className="check direction"
-                                defaultValue="ltr"
-                                defaultChecked
-                              />
-                              <label htmlFor="ltr" className="checktoggles">
-                                <Link to="/">
-                                  <ImageWithBasePath
-                                    src="assets/img/theme/theme-img-01.jpg"
-                                    alt
-                                  />
-                                </Link>
-                                <span className="theme-name">LTR</span>
-                              </label>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <div className="col-xl-6 ere">
-                        <div className="layout-wrap">
-                          <div className="d-flex align-items-center">
-                            <div className="status-toggle d-flex align-items-center me-2">
-                              <input
-                                type="radio"
-                                name="direction"
-                                id="rtl"
-                                className="check direction"
-                                defaultValue="rtl"
-                              />
-                              <label htmlFor="rtl" className="checktoggles">
-                                <Link
-                                  to="https://dreamspos.dreamstechnologies.com/react/"
-                                  target="_blank"
-                                >
-                                  <ImageWithBasePath
-                                    src="assets/img/theme/theme-img-03.jpg"
-                                    alt
-                                  />
-                                </Link>
-                                <span className="theme-name">RTL</span>
-                              </label>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
+
                     <div className="theme-mode border-0 mb-0">
                       <div className="theme-head">
                         <h6><Layout size={18} style={{marginRight: '8px', verticalAlign: 'middle'}} />Layout Mode</h6>
@@ -597,6 +539,7 @@ const ThemeSettings = () => {
                         </div>
                       </div>
                     </div>
+                  </div>
                     <form id="nav_color" method="post">
                       <div className="theme-mode">
                         <div className="theme-head">