upd: text input area

Deskripsi>;
- update tambah dan edit deskripsi pengumuman
- update tambah dan edit deskripsi divisi

No Issues

components/inputForm.tsx

@@ -17,10 +17,11 @@ type Props = {
    bg?: 'white' | 'transparent'
    value?: string
    disable?: boolean
+   multiline?: boolean
 };
 
 
-export function InputForm({ label, value, placeholder, onChange, info, disable, error, errorText, required, itemLeft, itemRight, type, round, width, bg }: Props) {
+export function InputForm({ label, value, placeholder, onChange, info, disable, error, errorText, required, itemLeft, itemRight, type, round, width, bg, multiline }: Props) {
    const lebar = Dimensions.get("window").width;
 
    if (itemLeft != undefined || itemRight != undefined) {
@@ -68,9 +69,11 @@ export function InputForm({ label, value, placeholder, onChange, info, disable,
             value={value}
             placeholder={placeholder}
             keyboardType={type}
-            style={[Styles.inputRoundForm, error && { borderColor: "red" }, round && Styles.round30, { backgroundColor: bg && bg == 'white' ? 'white' : 'transparent' }, { color: 'black' }]}
+            style={[Styles.inputRoundForm, error && { borderColor: "red" }, round && Styles.round30, { backgroundColor: bg && bg == 'white' ? 'white' : 'transparent' }, { color: 'black' }, multiline && { height: 100, textAlignVertical: 'top' }]}
             onChangeText={onChange}
             placeholderTextColor={'gray'}
+            multiline={multiline}
+            numberOfLines={multiline ? 4 : undefined}
          />
          {error && (<Text style={[Styles.textInformation, Styles.cError, Styles.mt05]}>{errorText}</Text>)}
          {info != undefined && (<Text style={[Styles.textInformation, Styles.mt05, Styles.cGray]}>{info}</Text>)}