Fix minimizer ui

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,6 +266,7 @@ 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')}
@@ -271,8 +277,9 @@ class DefaultLayout extends Component {
 								<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">