✨ (dropdownComponent/index.tsx): update dropdownComponent to change t…

…ext color on hover for better user experience 📝 (types/components/index.ts): add name property to DropDownComponent type for better component customization
langflow-ai · Oct 24, 2024 · c9ec2c5 · c9ec2c5
1 parent afe9916
commit c9ec2c5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/frontend/src/components/dropdownComponent/index.tsx b/src/frontend/src/components/dropdownComponent/index.tsx
@@ -101,8 +101,8 @@ export default function Dropdown({
         <ForwardedIconComponent
           name="ChevronsUpDown"
           className={cn(
-            "ml-2 h-4 w-4 shrink-0 text-foreground",
-            disabled ? "text-placeholder" : "text-foreground",
+            "text-placeholder ml-2 h-4 w-4 shrink-0",
+            disabled ? "hover:text-placeholder" : "hover:text-foreground",
           )}
         />
       </Button>

diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
@@ -53,6 +53,7 @@ export type DropDownComponent = {
   editNode?: boolean;
   id?: string;
   children?: ReactNode;
+  name?: string;
 };
 export type ParameterComponentType = {
   selected?: boolean;