Remove unnecessary shrinked check from class name conditional logic

ohcnetwork · Oct 16, 2024 · 82091c2 · 82091c2
1 parent 827a682
commit 82091c2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/Components/Common/Sidebar/Sidebar.tsx b/src/Components/Common/Sidebar/Sidebar.tsx
@@ -230,14 +230,12 @@ const ToggleShrink = ({ shrinked, toggle }: ToggleShrinkProps) => (
         <button
           className={`flex h-6 w-6 cursor-pointer items-center justify-center rounded focus:outline-none focus:ring-2 focus:ring-indigo-500 ${shrinked ? "bg-gray-200" : "bg-gray-100"} text-gray-600 hover:bg-primary-200 hover:text-primary-800 ${
             shrinked ? "mx-auto" : "mr-4"
-          } transition-all duration-200 ease-in-out`}
+          } transition-all ease-in-out`}
           onClick={toggle}
         >
           <CareIcon
             icon={shrinked ? "l-arrow-bar-right" : "l-layout-sidebar-alt"}
-            className={`text-lg ${
-              shrinked ? "" : ""
-            } transition-all delay-150 duration-300 ease-out`}
+            className="text-lg transition"
           />
         </button>
       </TooltipTrigger>

diff --git a/src/Components/Common/Sidebar/SidebarUserCard.tsx b/src/Components/Common/Sidebar/SidebarUserCard.tsx
@@ -35,7 +35,7 @@ const SidebarUserCard: React.FC<SidebarUserCardProps> = ({ shrinked }) => {
           >
             <div
               id="user-profile-name"
-              className={`flex flex-1 items-center justify-start transition ${shrinked ? "" : ""}`}
+              className="flex flex-1 items-center justify-start transition"
             >
               <div className="flex-none text-lg">
                 <Avatar