From 51ddcf098c3f1013a2f87b99f9fbfd41b2d3d51f Mon Sep 17 00:00:00 2001
From: Dimas Atmodjo <dimasputra162003@gmail.com>
Date: Wed, 18 Dec 2024 17:22:35 +0700
Subject: [PATCH] fixing logo admin sidebar

---
 src/components/layout/admin/AdminSideNav.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/admin/AdminSideNav.jsx b/src/components/layout/admin/AdminSideNav.jsx
index 9d1d9c9..4b3100c 100644
--- a/src/components/layout/admin/AdminSideNav.jsx
+++ b/src/components/layout/admin/AdminSideNav.jsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { Nav, Button, Collapse, Form, InputGroup } from 'react-bootstrap';
 import { NavLink } from 'react-router-dom';
 import logo from '../../../assets/images/logo.png'
+import logos from '../../../assets/images/logo-s.png'
 
 const AdminSideNav = () => {
   const [open1, setOpen1] = useState(false);
@@ -26,8 +27,8 @@ const AdminSideNav = () => {
       </Button> */}
       <div className="position-sticky">
         <div className="d-flex justify-content-between align-items-center top-logo">
-          <img src={logo} alt="" />
-          <i className="bi bi-caret-left-square text-grey cursor-pointer" onClick={toggleMinimize}></i>
+          <img src={isMinimized ? logos : logo} alt="" />
+          <i className="bi bi-caret-left-square text-grey cursor-pointer" style={{ transform: isMinimized ? 'rotate(180deg)' : 'rotate(0deg)'}} onClick={toggleMinimize}></i>
         </div>
         {/* <Form.Control className='rounded rounded-35'
           type="text"