From 45746a6a0fe9f05b4f85ecb38e092176456865e9 Mon Sep 17 00:00:00 2001
From: MinhNN <minhnguyennhatt@gmail.com>
Date: Mon, 10 Nov 2025 00:08:33 +0700
Subject: [PATCH] update select dropDown

---
 components/Select.tsx                                 | 4 +++-
 components/tripInfo/modal/CreateOrUpdateHaulModal.tsx | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/Select.tsx b/components/Select.tsx
index e02b745..9aeeea7 100644
--- a/components/Select.tsx
+++ b/components/Select.tsx
@@ -31,6 +31,7 @@ export interface SelectProps {
   mode?: "single" | "multiple"; // multiple not implemented yet
   style?: StyleProp<ViewStyle>;
   size?: "small" | "middle" | "large";
+  listStyle?: StyleProp<ViewStyle>;
 }
 
 /**
@@ -50,6 +51,7 @@ const Select: React.FC<SelectProps> = ({
   showSearch = false,
   mode = "single",
   style,
+  listStyle,
   size = "middle",
 }) => {
   const [selectedValue, setSelectedValue] = useState<
@@ -152,7 +154,7 @@ const Select: React.FC<SelectProps> = ({
               autoFocus
             />
           )}
-          <ScrollView style={styles.list}>
+          <ScrollView style={[styles.list, listStyle]}>
             {filteredOptions.map((item) => (
               <TouchableOpacity
                 key={item.value}
diff --git a/components/tripInfo/modal/CreateOrUpdateHaulModal.tsx b/components/tripInfo/modal/CreateOrUpdateHaulModal.tsx
index 00e07c9..55249fd 100644
--- a/components/tripInfo/modal/CreateOrUpdateHaulModal.tsx
+++ b/components/tripInfo/modal/CreateOrUpdateHaulModal.tsx
@@ -316,6 +316,7 @@ const CreateOrUpdateHaulModal: React.FC<CreateOrUpdateHaulModalProps> = ({
                     onChange={onChange}
                     placeholder="Chọn đơn vị"
                     disabled={!isEditing}
+                    listStyle={{ maxHeight: 100 }}
                   />
                   {errors.fish?.[index]?.unit && (
                     <Text style={styles.errorText}>