upd: tampilan

Deskripsi:
- vertical center icon list dan grid pada list project dan divisi
- mb list lembaga desa dan search page

No Issues

app/(application)/division/index.tsx

@@ -180,7 +180,7 @@ export default function ListDivision() {
                   </View>
             }
 
-            <View style={[Styles.rowSpaceBetween]}>
+            <View style={[Styles.rowSpaceBetween, { alignItems: 'center' }]}>
                <InputSearch width={68} onChange={setSearch} />
                <Pressable
                   onPress={() => {

app/(application)/group/index.tsx

@@ -126,7 +126,7 @@ export default function Index() {
 
    return (
       <View style={[Styles.p15, { flex: 1 }]}>
-         <View>
+         <View style={[Styles.mb10]}>
             <View style={[Styles.wrapBtnTab]}>
                <ButtonTab
                   active={status == "false" ? "false" : "true"}

app/(application)/project/index.tsx

@@ -178,7 +178,7 @@ export default function ListProject() {
                   n={4}
                />
             </ScrollView>
-            <View style={[Styles.rowSpaceBetween]}>
+            <View style={[Styles.rowSpaceBetween, { alignItems: 'center' }]}>
                <InputSearch width={68} onChange={setSearch} />
                <Pressable
                   onPress={() => {

app/(application)/search.tsx

@@ -75,7 +75,6 @@ export default function Search() {
                   headerTitleAlign: 'center'
                }}
             />
-            {/* <ScrollView> */}
             <View style={[Styles.p15]}>
                <InputSearch onChange={handleSearch} />
                {
@@ -163,13 +162,12 @@ export default function Search() {
 
                      </View>
                      :
-                     <View style={Styles.contentItemCenter}>
+                     <View style={[Styles.contentItemCenter, Styles.mt10]}>
                         <Text style={[Styles.textInformation, Styles.cGray]}>Tidak ada data</Text>
                      </View>
                }
 
             </View>
-            {/* </ScrollView> */}
          </SafeAreaView>
       </>
    )

components/inputForm.tsx

@@ -19,15 +19,16 @@ type Props = {
    value?: string
    disable?: boolean
    multiline?: boolean
+   mb?: boolean
 };
 
 
-export function InputForm({ label, value, placeholder, onChange, info, disable, error, errorText, required, itemLeft, itemRight, type, round, width, bg, multiline }: Props) {
+export function InputForm({ label, value, placeholder, onChange, info, disable, error, errorText, required, itemLeft, itemRight, type, round, width, bg, multiline, mb = true }: Props) {
    const lebar = Dimensions.get("window").width;
 
    if (itemLeft != undefined || itemRight != undefined) {
       return (
-         <View style={{ marginBottom: 10 }}>
+         <View style={[mb && Styles.mb10]}>
             {
                label != undefined && (
                   <Text style={[{ marginBottom: 5, textTransform: "capitalize" }, error && Styles.cError]}>

components/inputSearch.tsx

@@ -12,6 +12,7 @@ export default function InputSearch({ onChange, width, value }: { onChange?: (va
          width={width}
          bg="white"
          value={value}
+         mb={false}
       />
    )
 }

constants/Styles.ts

@@ -515,7 +515,7 @@ const Styles = StyleSheet.create({
    wrapBtnTab: {
       justifyContent: 'space-between',
       flexDirection: 'row',
-      marginBottom: 15,
+      marginBottom: 10,
       borderRadius: 20,
       padding: 5,
       backgroundColor: 'white',