feat: ⚛ added right jsx props for Search

#23
bitsongofficial · Jun 14, 2022 · 200b12d · 200b12d
1 parent 10e98ff
commit 200b12d
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/screens/Profile/components/atoms/Search.tsx b/screens/Profile/components/atoms/Search.tsx
@@ -7,12 +7,14 @@ import { TextInput } from "react-native-gesture-handler";
 type SearchProps = TextInputProps & {
   loupe?: boolean;
   bottomsheet?: boolean;
+  Right?: JSX.Element;
 };
 
 export default ({
   style,
   loupe = true,
   bottomsheet = true,
+  Right,
   ...props
 }: SearchProps) => {
   const Input = bottomsheet ? BottomSheetTextInput : TextInput;
@@ -22,6 +24,7 @@ export default ({
       <Input
         style={styles.input}
         placeholderTextColor={hexAlpha(COLOR.White, 50)}
+        keyboardAppearance="dark"
         {...props}
       />
       {loupe && (
@@ -33,6 +36,7 @@ export default ({
           />
         </View>
       )}
+      {Right && <View style={styles.right}>{Right}</View>}
     </View>
   );
 };
@@ -54,4 +58,8 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
   },
+  right: {
+    alignItems: "center",
+    justifyContent: "center",
+  },
 });