[ui] added dropdown icon to directory text to match figma

block · Jan 19, 2025 · 6cd512a · 6cd512a
1 parent 67c9c75
commit 6cd512a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/ui/desktop/src/components/BottomMenu.tsx b/ui/desktop/src/components/BottomMenu.tsx
@@ -1,10 +1,11 @@
 import React from "react";
+import { ChevronDown } from "./icons";
 
 export default function BottomMenu({ hasMessages }) {
   return (
     <div className="flex relative border-t dark:border-gray-700 text-bottom-menu dark:text-bottom-menu-dark pl-[15px] text-[10px] h-[30px] leading-[30px] align-middle bg-bottom-menu-background dark:bg-bottom-menu-background-dark rounded-b-2xl">
       <span
-        className="cursor-pointer"
+        className="cursor-pointer flex items-center"
         onClick={async () => {
           console.log("Opening directory chooser");
           if (hasMessages) {
@@ -15,6 +16,9 @@ export default function BottomMenu({ hasMessages }) {
         }}
       >
         Working in {window.appConfig.get("GOOSE_WORKING_DIR")}
+        <ChevronDown
+          className="w-4 h-4"
+        />
       </span>
     </div>
   );