From 6266f27e771c3eddd0baff8356e1f29a74e8996f Mon Sep 17 00:00:00 2001
From: Wahyu Ramadhan <ssjrama@gmail.com>
Date: Mon, 31 Jul 2023 14:49:22 +0700
Subject: [PATCH] Fix minimizer ui

---
 src/containers/DefaultLayout/DefaultLayout.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/containers/DefaultLayout/DefaultLayout.js b/src/containers/DefaultLayout/DefaultLayout.js
index 0ef378c..9fc5088 100644
--- a/src/containers/DefaultLayout/DefaultLayout.js
+++ b/src/containers/DefaultLayout/DefaultLayout.js
@@ -17,6 +17,7 @@ import {
 	AppBreadcrumb2 as AppBreadcrumb,
 	AppSidebarNav2 as AppSidebarNav,
 } from '@coreui/react';
+import LayoutHelper from '../../../node_modules/@coreui/react/lib/Shared/layout/layout';
 import navigation from '../../_nav';
 import routes from '../../routes';
 import { emptyConstants } from '../../const/MapConst.js';
@@ -44,6 +45,7 @@ class DefaultLayout extends Component {
 			routes2: routes,
 			finalRoutes: [],
 			breadrCrumbReady: false,
+			minimized: true
 		}
 	}
 
@@ -70,7 +72,10 @@ class DefaultLayout extends Component {
 		}
 	}
 
-
+	toggleMinimized = () => {
+		this.setState((prevState) => ({ minimized: !prevState.minimized }));
+		LayoutHelper.sidebarToggle(!this.state.minimized);
+	};
 
 	setFinalRoutes = () => {
 		const { routes2 } = this.state;
@@ -248,7 +253,7 @@ class DefaultLayout extends Component {
 			<div className="app">
 				<div className="app-body">
         {!window.location.href.includes("dashboard-project") || renderSidebar ? (
-					<AppSidebar minimized={true} fixed display="lg">
+					<AppSidebar minimized={this.state.minimized} fixed display="lg">
 						{/* <div class="sidebar-header">
 							<Suspense fallback={this.loading()}>
 								<DefaultHeader history={this.props.history} onLogout={e => this.signOut(e)} />
@@ -261,18 +266,20 @@ class DefaultLayout extends Component {
 							{this.getMenu()}
 						</Suspense>
 						<AppSidebarFooter />
+						{this.state.minimized ? null : 
 						<UncontrolledDropdown direction="down">
 							<DropdownToggle nav>
 								<i className="nav-icon fa fa-user-circle"></i>  {localStorage.getItem('user_name')}
 							</DropdownToggle>
 							<DropdownMenu right>
 								<DropdownItem color="primary" size="sm" onClick={() => handleChangeLng("id")}>ID</DropdownItem>
-                <DropdownItem color="success" size="sm" onClick={() => handleChangeLng("en")}>EN</DropdownItem>
+                				<DropdownItem color="success" size="sm" onClick={() => handleChangeLng("en")}>EN</DropdownItem>
 								<DropdownItem href="#/settings"><i className="fa fa-user"></i>Profile</DropdownItem>
 								<DropdownItem onClick={e => this.signOut(e)}><i className="fa fa-sign-out"></i> Logout</DropdownItem>
 							</DropdownMenu>
-						</UncontrolledDropdown>
-						<AppSidebarMinimizer />
+						</UncontrolledDropdown>}
+						<button className='sidebar-minimizer mt-auto' type='button' onClick={this.toggleMinimized}>
+						</button>
 					</AppSidebar>
           ) : null }
 					<main className="main">