πŸ—‘οΈ Remove Direction Section from Theme Customizer

βœ… 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
This commit is contained in:
tuan.cna 2025-06-02 09:37:20 +07:00
parent d9320683dd
commit 8f8ee906ca

View File

@ -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">