fix: tampilan

Deskripsi:
- input form l
- fitur wakil super admin

No Issues

app/(application)/feature.tsx

@@ -25,7 +25,7 @@ export default function Feature() {
                <ButtonFiturMenu icon={<MaterialIcons name="campaign" size={35} color="black" />} text="Pengumuman" onPress={() => { router.push('/announcement') }} />
                <ButtonFiturMenu icon={<Ionicons name="chatbubbles-sharp" size={35} color="black" />} text="Diskusi" onPress={() => { router.push('/discussion?active=true') }} />
             </View>
-            <View style={[Styles.rowSpaceBetween, Styles.mb15, (entityUser.role != 'supadmin' && entityUser.role != 'developer' && entityUser.role != 'cosupadmin' && Styles.w40)]}>
+            <View style={[Styles.rowSpaceBetween, Styles.mb15, (entityUser.role != 'supadmin' && entityUser.role != 'developer' && Styles.w70)]}>
                <ButtonFiturMenu icon={<MaterialIcons name="groups" size={35} color="black" />} text="Anggota" onPress={() => { router.push('/member') }} />
                <ButtonFiturMenu icon={<MaterialCommunityIcons name="account-tie" size={35} color="black" />} text="Jabatan" onPress={() => { router.push('/position') }} />
                {

components/auth/viewLogin.tsx

@@ -2,7 +2,7 @@ import Styles from "@/constants/Styles"
 import { apiCheckPhoneLogin, apiSendOtp } from "@/lib/api"
 import AsyncStorage from "@react-native-async-storage/async-storage"
 import { useState } from "react"
-import { Image, Text, ToastAndroid, View } from "react-native"
+import { Image, SafeAreaView, Text, ToastAndroid, View } from "react-native"
 import { ButtonForm } from "../buttonForm"
 import { InputForm } from "../inputForm"
 import ModalLoading from "../modalLoading"
@@ -40,8 +40,8 @@ export default function ViewLogin({ onValidate }: Props) {
    };
 
    return (
-      <>
+      <SafeAreaView>
-         <View style={Styles.wrapLogin} >
+         <View style={Styles.p20}>
             <View style={{ alignItems: "center", marginVertical: 50 }}>
                <Image
                   source={require("../../assets/images/splash-icon.png")}
@@ -68,7 +68,7 @@ export default function ViewLogin({ onValidate }: Props) {
          {
             loadingLogin && <ModalLoading isVisible={true} setVisible={setLoadingLogin} />
          }
-      </>
+      </SafeAreaView>
 
    )
 }

components/inputForm.tsx

@@ -34,7 +34,7 @@ export function InputForm({ label, value, placeholder, onChange, info, disable,
                   </Text>
                )
             }
-            <View style={[Styles.inputRoundForm, itemRight != undefined ? Styles.inputRoundFormRight : Styles.inputRoundFormLeft, round && Styles.round30, { backgroundColor: bg && bg == 'white' ? 'white' : 'transparent' }, Styles.pv10, error && { borderColor: "red" }]}>
+            <View style={[Styles.inputRoundForm, itemRight != undefined ? Styles.inputRoundFormRight : Styles.inputRoundFormLeft, round && Styles.round30, { backgroundColor: bg && bg == 'white' ? 'white' : 'transparent' }, error && { borderColor: "red" }]}>
                {itemRight != undefined ? itemRight : itemLeft}
                <TextInput
                   editable={!disable}
@@ -42,7 +42,8 @@ export function InputForm({ label, value, placeholder, onChange, info, disable,
                   placeholder={placeholder}
                   keyboardType={type}
                   onChangeText={onChange}
-                  style={[Styles.mh05, { width: width ? lebar * width / 100 : lebar * 0.78 }]}
+                  placeholderTextColor={'gray'}
+                  style={[Styles.mh05, { width: width ? lebar * width / 100 : lebar * 0.78, color: 'black' }]}
                />
             </View>
             {error && (<Text style={[Styles.textInformation, Styles.cError, Styles.mt05]}>{errorText}</Text>)}
@@ -69,6 +70,7 @@ export function InputForm({ label, value, placeholder, onChange, info, disable,
             keyboardType={type}
             style={[Styles.inputRoundForm, error && { borderColor: "red" }, round && Styles.round30, { backgroundColor: bg && bg == 'white' ? 'white' : 'transparent' }]}
             onChangeText={onChange}
+            placeholderTextColor={'gray'}
          />
          {error && (<Text style={[Styles.textInformation, Styles.cError, Styles.mt05]}>{errorText}</Text>)}
          {info != undefined && (<Text style={[Styles.textInformation, Styles.mt05, Styles.cGray]}>{info}</Text>)}

constants/Styles.ts

@@ -158,6 +158,9 @@ const Styles = StyleSheet.create({
    p10: {
       padding: 10
    },
+   p20: {
+      padding: 20
+   },
    round10: {
       borderRadius: 10
    },