fixup! feat(suite-native): Create generic picker header component

trezor · Jan 28, 2025 · 2fbdc22 · 2fbdc22
1 parent ef0ecb8
commit 2fbdc22
Showing 1 changed file with 25 additions and 24 deletions.
diff --git a/suite-native/module-trading/src/components/general/PickerHeader.tsx b/suite-native/module-trading/src/components/general/PickerHeader.tsx
@@ -2,34 +2,40 @@ import { ReactNode } from 'react';
 
 import { HStack, SearchInput, Text, VStack } from '@suite-native/atoms';
 
+type PickerHeaderSearchInputProps = {
+    onSearchInputChange: (value: string) => void;
+    searchInputPlaceholder?: string;
+    isSearchInputDisabled?: boolean;
+    maxSearchInputLength?: number;
+};
+
 export type PickerHeaderProps = {
     title: ReactNode;
     children?: ReactNode;
 } & (
-    | {
-          isSearchInputVisible?: false;
-          onSearchInputChange?: never;
-          searchInputPlaceholder?: never;
-          isSearchInputDisabled?: never;
-          maxSearchInputLength?: never;
-      }
-    | {
-          isSearchInputVisible: true;
-          onSearchInputChange: (value: string) => void;
-          searchInputPlaceholder?: string;
-          isSearchInputDisabled?: boolean;
-          maxSearchInputLength?: number;
-      }
+    | { isSearchInputVisible?: false }
+    | ({ isSearchInputVisible: true } & PickerHeaderSearchInputProps)
+);
+
+const PickerHeaderSearchInput = ({
+    onSearchInputChange,
+    searchInputPlaceholder,
+    isSearchInputDisabled,
+    maxSearchInputLength,
+}: PickerHeaderSearchInputProps) => (
+    <SearchInput
+        onChange={onSearchInputChange}
+        maxLength={maxSearchInputLength}
+        placeholder={searchInputPlaceholder}
+        isDisabled={isSearchInputDisabled}
+    />
 );
 
 export const PickerHeader = ({
     title,
     isSearchInputVisible,
     children,
-    maxSearchInputLength,
-    searchInputPlaceholder,
-    isSearchInputDisabled,
-    onSearchInputChange,
+    ...searchInputProps
 }: PickerHeaderProps) => (
     <VStack spacing="sp16">
         <HStack justifyContent="space-between" alignItems="center">
@@ -39,12 +45,7 @@ export const PickerHeader = ({
             {children}
         </HStack>
         {isSearchInputVisible && (
-            <SearchInput
-                onChange={onSearchInputChange}
-                maxLength={maxSearchInputLength}
-                placeholder={searchInputPlaceholder}
-                isDisabled={isSearchInputDisabled}
-            />
+            <PickerHeaderSearchInput {...(searchInputProps as PickerHeaderSearchInputProps)} />
         )}
     </VStack>
 );