tambahan

2025-02-25 15:09:41 +08:00
parent 46508b9f05
commit 31b85dad69
37 changed files with 421 additions and 699 deletions
--- a/components/inputForm.tsx
+++ b/components/inputForm.tsx
@@ -0,0 +1,68 @@
+import Styles from "@/constants/Styles";
+import { View, TextInput, Text } from "react-native";
+
+type Props = {
+   label?: string;
+   placeholder?: string;
+   onChange?: (val: string) => void;
+   info?: string;
+   itemLeft?: React.ReactNode;
+   itemRight?: React.ReactNode;
+   error?: boolean;
+   errorText?: string;
+   required?: boolean;
+   type: 'default' | 'visible-password' | 'numeric'
+   round?: boolean
+};
+
+
+export function InputForm({ label, placeholder, onChange, info, error, errorText, required, itemLeft, itemRight, type, round }: Props) {
+
+   if (itemLeft != undefined || itemRight != undefined) {
+      return (
+         <View style={{ marginBottom: 10 }}>
+            {
+               label != undefined && (
+                  <Text style={[{ marginBottom: 5, textTransform: "capitalize" }, error && Styles.cError]}>
+                     {label}
+                     {required && (<Text style={Styles.cError}>*</Text>)}
+                  </Text>
+               )
+            }
+            <View style={[Styles.inputRoundForm, itemRight != undefined ? Styles.inputRoundFormRight : Styles.inputRoundFormLeft, round && Styles.round30]}>
+               {itemRight != undefined ? itemRight : itemLeft}
+               <TextInput
+                  placeholder={placeholder}
+                  keyboardType={type}
+                  onChangeText={onChange}
+               />
+            </View>
+            {error && (<Text style={[Styles.textInformation, Styles.cError]}>{errorText}</Text>)}
+            {info != undefined && (<Text style={[Styles.textInformation, Styles.cGray]}>{info}</Text>)}
+         </View>
+      )
+   }
+
+
+
+   return (
+      <View style={{ marginBottom: 10 }}>
+         {
+            label != undefined && (
+               <Text style={[{ marginBottom: 5, textTransform: "capitalize" }, error && Styles.cError]}>
+                  {label}
+                  {required && (<Text style={Styles.cError}>*</Text>)}
+               </Text>
+            )
+         }
+         <TextInput
+            placeholder={placeholder}
+            keyboardType={type}
+            style={[Styles.inputRoundForm, error && { borderColor: "red" }, round && Styles.round30]}
+            onChangeText={onChange}
+         />
+         {error && (<Text style={[Styles.textInformation, Styles.cError]}>{errorText}</Text>)}
+         {info != undefined && (<Text style={[Styles.textInformation, , Styles.cGray]}>{info}</Text>)}
+      </View>
+   )
+}