From 6d035e1f7fb4ec8e041c061bde393b8f82e59ed3 Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Tue, 29 Jul 2025 17:34:21 +0800
Subject: [PATCH] fix : ios

Deskripsi:
- title home align left
- nama file pada view banner
- modal crash pada group dan jabatan

No Issues
---
 app/(application)/banner/index.tsx            | 13 +++++------
 app/(application)/group/index.tsx             |  8 ++++---
 app/(application)/home.tsx                    |  2 +-
 app/(application)/position/index.tsx          | 22 +++++++++++--------
 components/banner/headerBannerList.tsx        |  2 +-
 components/borderBottomItem.tsx               |  2 +-
 components/group/headerGroupList.tsx          |  6 ++---
 .../position/headerRightPositionList.tsx      | 18 ++++++++++-----
 8 files changed, 42 insertions(+), 31 deletions(-)

diff --git a/app/(application)/banner/index.tsx b/app/(application)/banner/index.tsx
index 52148a3..dcbf335 100644
--- a/app/(application)/banner/index.tsx
+++ b/app/(application)/banner/index.tsx
@@ -23,7 +23,7 @@ import { useDispatch, useSelector } from "react-redux"
 
 type Props = {
    id: string
-   name: string
+   title: string
    extension: string
    image: string
 }
@@ -72,7 +72,7 @@ export default function BannerList() {
       setModal(false)
       setLoadingOpen(true)
       let remoteUrl = 'https://wibu-storage.wibudev.com/api/files/' + selectFile?.image;
-      const fileName = selectFile?.name + '.' + selectFile?.extension;
+      const fileName = selectFile?.title + '.' + selectFile?.extension;
       let localPath = `${FileSystem.documentDirectory}/${fileName}`;
       const mimeType = mime.lookup(fileName)
 
@@ -81,7 +81,6 @@ export default function BannerList() {
          try {
 
             if (Platform.OS == 'android') {
-               // open with android intent
                await startActivityAsync(
                   'android.intent.action.VIEW',
                   {
@@ -90,9 +89,6 @@ export default function BannerList() {
                      type: mimeType as string,
                   }
                );
-               // or
-               // Sharing.shareAsync(localPath);      
-
             } else if (Platform.OS == 'ios') {
                Sharing.shareAsync(localPath);
             }
@@ -116,13 +112,14 @@ export default function BannerList() {
             }}
          />
          <ModalLoading isVisible={loadingOpen} setVisible={setLoadingOpen} />
-         <ScrollView
+         <ScrollView 
             refreshControl={
                <RefreshControl
                   refreshing={refreshing}
                   onRefresh={handleRefresh}
                />
             }
+            style={[{height:'100%'}]}
          >
             <View style={[Styles.p15, Styles.mb100]}>
                {entities.map((index: any, key: number) => (
@@ -146,7 +143,7 @@ export default function BannerList() {
             </View>
          </ScrollView>
 
-         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={() => setModal(false)} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
diff --git a/app/(application)/group/index.tsx b/app/(application)/group/index.tsx
index be71d43..61c6666 100644
--- a/app/(application)/group/index.tsx
+++ b/app/(application)/group/index.tsx
@@ -176,7 +176,7 @@ export default function Index() {
             </View>
          </ScrollView>
 
-         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title={titleChoose}>
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={() => setModal(false)} title={titleChoose}>
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="toggle-switch-off-outline" color="black" size={25} />}
@@ -195,13 +195,15 @@ export default function Index() {
                   title="Edit"
                   onPress={() => {
                      setModal(false)
-                     setVisibleEdit(true)
+                     setTimeout(() => {
+                        setVisibleEdit(true)
+                     }, 600);
                   }}
                />
             </View>
          </DrawerBottom>
 
-         <DrawerBottom animation="none" height={30} isVisible={isVisibleEdit} setVisible={setVisibleEdit} title="Edit Lembaga Desa">
+         <DrawerBottom animation="none" height={30} isVisible={isVisibleEdit} setVisible={() => setVisibleEdit(false)} title="Edit Lembaga Desa">
             <View style={{ flex: 1 }}>
                <View>
                   <InputForm type="default" placeholder="Nama Lembaga Desa" required label="Lembaga Desa" value={titleChoose} onChange={setTitleChoose} />
diff --git a/app/(application)/home.tsx b/app/(application)/home.tsx
index 91e0c62..a568b21 100644
--- a/app/(application)/home.tsx
+++ b/app/(application)/home.tsx
@@ -50,7 +50,7 @@ export default function Home() {
          />
          <ScrollView>
             <CaraouselHome />
-            <View style={[Styles.ph15]}>
+            <View style={[Styles.ph15, Styles.mb100]}>
                <FiturHome />
                <ProjectHome />
                <DivisionHome />
diff --git a/app/(application)/position/index.tsx b/app/(application)/position/index.tsx
index 79e7452..e6521e4 100644
--- a/app/(application)/position/index.tsx
+++ b/app/(application)/position/index.tsx
@@ -131,12 +131,14 @@ export default function Index() {
 
    return (
       <SafeAreaView>
-         <ScrollView refreshControl={
-            <RefreshControl
-               refreshing={refreshing}
-               onRefresh={handleRefresh}
-            />
-         }>
+         <ScrollView
+            style={{ height: '100%' }}
+            refreshControl={
+               <RefreshControl
+                  refreshing={refreshing}
+                  onRefresh={handleRefresh}
+               />
+            }>
             <View style={[Styles.p15]}>
                <View style={[Styles.wrapBtnTab]}>
                   <ButtonTab
@@ -194,7 +196,7 @@ export default function Index() {
             </View>
          </ScrollView>
 
-         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title={chooseData.name}>
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={() => setModal(false)} title={chooseData.name}>
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
                   icon={<MaterialCommunityIcons name="toggle-switch-off-outline" color="black" size={25} />}
@@ -213,14 +215,16 @@ export default function Index() {
                   title="Edit"
                   onPress={() => {
                      setModal(false)
-                     setVisibleEdit(true)
+                     setTimeout(() => {
+                        setVisibleEdit(true)
+                     }, 600)
                   }}
                />
             </View>
          </DrawerBottom>
 
 
-         <DrawerBottom animation="none" height={30} backdropPressable={false} isVisible={isVisibleEdit} setVisible={setVisibleEdit} title="Edit Jabatan">
+         <DrawerBottom animation="none" height={30} backdropPressable={false} isVisible={isVisibleEdit} setVisible={() => setVisibleEdit(false)} title="Edit Jabatan">
             <View style={{ justifyContent: 'space-between', flex: 1 }}>
                <View>
                   <InputForm
diff --git a/components/banner/headerBannerList.tsx b/components/banner/headerBannerList.tsx
index 9035e50..f8a0594 100644
--- a/components/banner/headerBannerList.tsx
+++ b/components/banner/headerBannerList.tsx
@@ -12,7 +12,7 @@ export default function HeaderRightBannerList() {
    return (
       <>
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
-         <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
+         <DrawerBottom animation="slide" isVisible={isVisible} setVisible={() => setVisible(false)} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
                   icon={<AntDesign name="pluscircle" color="black" size={25} />}
diff --git a/components/borderBottomItem.tsx b/components/borderBottomItem.tsx
index a615606..92eb927 100644
--- a/components/borderBottomItem.tsx
+++ b/components/borderBottomItem.tsx
@@ -32,7 +32,7 @@ export default function BorderBottomItem({ title, subtitle, icon, desc, onPress,
             {icon}
             <View style={[Styles.rowSpaceBetween, width ? { width: lebar } : { width: '88%' }]}>
                <View style={[Styles.ml10, rightTopInfo ? { width: lebar } : { width: '90%' },]}>
-                  <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold]} numberOfLines={1} ellipsizeMode='tail'>{title}</Text>
+                  <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold, { color: textColorFix }]} numberOfLines={1} ellipsizeMode='tail'>{title}</Text>
                   {
                      subtitle &&
                         typeof subtitle == "string"
diff --git a/components/group/headerGroupList.tsx b/components/group/headerGroupList.tsx
index 67175e2..fb443fd 100644
--- a/components/group/headerGroupList.tsx
+++ b/components/group/headerGroupList.tsx
@@ -59,7 +59,7 @@ export default function HeaderRightGroupList() {
    return (
       <>
          <ButtonMenuHeader onPress={() => { setVisible(true) }} />
-         <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
+         <DrawerBottom animation="slide" isVisible={isVisible} setVisible={() => setVisible(false)} title="Menu">
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
                   icon={<AntDesign name="pluscircle" color="black" size={25} />}
@@ -70,7 +70,7 @@ export default function HeaderRightGroupList() {
                         () => {
                            setVisibleTambah(true)
                         },
-                        100,
+                        600,
                      );
 
                   }}
@@ -78,7 +78,7 @@ export default function HeaderRightGroupList() {
             </View>
          </DrawerBottom>
 
-         <DrawerBottom animation="none" height={30} isVisible={isVisibleTambah} setVisible={setVisibleTambah} title="Tambah Lembaga Desa">
+         <DrawerBottom animation="none" height={30} isVisible={isVisibleTambah} setVisible={() => setVisibleTambah(false)} title="Tambah Lembaga Desa">
             <View style={{ flex: 1 }}>
                <View>
                   <InputForm
diff --git a/components/position/headerRightPositionList.tsx b/components/position/headerRightPositionList.tsx
index 52199ee..4abe608 100644
--- a/components/position/headerRightPositionList.tsx
+++ b/components/position/headerRightPositionList.tsx
@@ -102,7 +102,9 @@ export default function HeaderRightPositionList() {
                   title="Tambah Jabatan"
                   onPress={() => {
                      setVisible(false)
-                     setVisibleTambah(true)
+                     setTimeout(() => {
+                        setVisibleTambah(true)
+                     }, 600)
                   }}
                />
                {
@@ -112,14 +114,16 @@ export default function HeaderRightPositionList() {
                      title="Filter"
                      onPress={() => {
                         setVisible(false)
-                        setFilter(true)
+                        setTimeout(() => {
+                           setFilter(true)
+                        }, 600)
                      }}
                   />
                }
             </View>
          </DrawerBottom>
 
-         <DrawerBottom animation="slide" height={45} isVisible={isVisibleTambah} setVisible={setVisibleTambah} title="Tambah Jabatan">
+         <DrawerBottom animation="slide" height={45} isVisible={isVisibleTambah} setVisible={() => setVisibleTambah(false)} title="Tambah Jabatan">
             <View style={{ flex: 1, justifyContent: 'space-between' }}>
                <View>
                   {
@@ -131,7 +135,9 @@ export default function HeaderRightPositionList() {
                         required
                         onPress={() => {
                            setVisibleTambah(false)
-                           setSelect(true)
+                           setTimeout(() => {
+                              setSelect(true)
+                           }, 600)
                         }}
                         error={error.idGroup}
                         errorText="Lembaga Desa harus diisi"
@@ -166,7 +172,9 @@ export default function HeaderRightPositionList() {
                validationForm(value.val, 'idGroup')
                setChoose(value)
                setSelect(false)
-               setVisibleTambah(true)
+               setTimeout(() => {
+                  setVisibleTambah(true)
+               }, 600)
             }}
             title="Lembaga Desa"
             open={isSelect}