Sidebar ToggleButton.tsx

0% Statements 0/5

0% Branches 0/4

0% Functions 0/1

0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ChevronLeftRounded } from "@mui/icons-material";
import useSidebar from "../../hooks/common/sidebar/useSidebar";
 
function ToggleButton() {
  const { isOpen, toggle: toggleSidebar } = useSidebar();
 
  return (
    <button
      className={`text-gray-500 focus:outline-none p-2 flex ${
        isOpen ? "justify-end" : "justify-center"
      }`}
      onClick={toggleSidebar}>
      <ChevronLeftRounded
        className={`${isOpen ? "rotate-0" : "rotate-180"} transition-all`}
      />
    </button>
  );
}
 
export default ToggleButton;