hotfix: Conversation panel toggle should change color given state (Al…

…l-Hands-AI#6791)
RainRat · Feb 18, 2025 · 96d1992 · 96d1992
1 parent 7a3a0d8
commit 96d1992
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/src/components/features/sidebar/sidebar.tsx b/frontend/src/components/features/sidebar/sidebar.tsx
@@ -22,6 +22,7 @@ import { TooltipButton } from "#/components/shared/buttons/tooltip-button";
 import { ConversationPanelWrapper } from "../conversation-panel/conversation-panel-wrapper";
 import { useLogout } from "#/hooks/mutation/use-logout";
 import { useConfig } from "#/hooks/query/use-config";
+import { cn } from "#/utils/utils";
 
 export function Sidebar() {
   const dispatch = useDispatch();
@@ -83,7 +84,12 @@ export function Sidebar() {
               ariaLabel="Conversations"
               onClick={() => setConversationPanelIsOpen((prev) => !prev)}
             >
-              <FaListUl size={22} />
+              <FaListUl
+                size={22}
+                className={cn(
+                  conversationPanelIsOpen ? "text-white" : "text-[#9099AC]",
+                )}
+              />
             </TooltipButton>
             <DocsButton />
           </div>