upd: tampilan

Deskripsi:
- masang toast
- ganti tag Text

No Issues

app/(application)/member/[id].tsx

@@ -3,12 +3,13 @@ import ImageUser from "@/components/imageNew";
 import ItemDetailMember from "@/components/itemDetailMember";
 import HeaderRightMemberDetail from "@/components/member/headerMemberDetail";
 import Skeleton from "@/components/skeleton";
+import Text from "@/components/Text";
 import { valueRoleUser } from "@/constants/RoleUser";
 import Styles from "@/constants/Styles";
 import { apiGetProfile } from "@/lib/api";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { SafeAreaView, ScrollView, Text, View } from "react-native";
+import { SafeAreaView, ScrollView, View } from "react-native";
 import { useSelector } from "react-redux";
 
 type Props = {

app/(application)/member/create.tsx

@@ -3,6 +3,7 @@ import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import { InputForm } from "@/components/inputForm";
 import ModalSelect from "@/components/modalSelect";
 import SelectForm from "@/components/selectForm";
+import Text from "@/components/Text";
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { apiCreateUser } from "@/lib/api";
@@ -17,10 +18,9 @@ import {
    Pressable,
    SafeAreaView,
    ScrollView,
-   Text,
-   ToastAndroid,
-   View,
+   View
 } from "react-native";
+import Toast from "react-native-toast-message";
 import { useDispatch, useSelector } from "react-redux";
 
 export default function CreateMember() {
@@ -162,11 +162,11 @@ export default function CreateMember() {
 
          const response = await apiCreateUser(fd)
          if (response.success) {
-            ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
+            Toast.show({ type: 'small', text1: 'Berhasil menambahkan data', })
             dispatch(setUpdateMember(!update))
             router.back()
          } else {
-            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+            Toast.show({ type: 'small', text1: response.message, })
          }
       } catch (error) {
          console.error(error)

app/(application)/member/edit/[id].tsx

@@ -3,6 +3,7 @@ import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import { InputForm } from "@/components/inputForm";
 import ModalSelect from "@/components/modalSelect";
 import SelectForm from "@/components/selectForm";
+import Text from "@/components/Text";
 import Styles from "@/constants/Styles";
 import { apiEditUser, apiGetProfile } from "@/lib/api";
 import { setUpdateMember } from "@/lib/memberSlice";
@@ -15,10 +16,9 @@ import {
    Pressable,
    SafeAreaView,
    ScrollView,
-   Text,
-   ToastAndroid,
-   View,
+   View
 } from "react-native";
+import Toast from "react-native-toast-message";
 import { useDispatch, useSelector } from "react-redux";
 
 type Props = {
@@ -193,15 +193,15 @@ export default function EditMember() {
          const response = await apiEditUser(fd, id)
 
          if (response.success) {
-            ToastAndroid.show('Berhasil mengupdate data', ToastAndroid.SHORT)
+            Toast.show({ type: 'small', text1: 'Berhasil mengupdate data', })
             dispatch(setUpdateMember(!update))
             router.back()
          } else {
-            ToastAndroid.show(response.message, ToastAndroid.SHORT)
+            Toast.show({ type: 'small', text1: response.message, })
          }
       } catch (error) {
          console.error(error)
-         ToastAndroid.show('Gagal mengupdate data', ToastAndroid.SHORT)
+         Toast.show({ type: 'small', text1: 'Gagal mengupdate data', })
       }
    }
 

app/(application)/member/index.tsx

@@ -3,13 +3,14 @@ import ButtonTab from "@/components/buttonTab";
 import ImageUser from "@/components/imageNew";
 import InputSearch from "@/components/inputSearch";
 import SkeletonTwoItem from "@/components/skeletonTwoItem";
+import Text from "@/components/Text";
 import Styles from "@/constants/Styles";
 import { apiGetUser } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { AntDesign, Feather } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
-import { RefreshControl, Text, View, VirtualizedList } from "react-native";
+import { RefreshControl, View, VirtualizedList } from "react-native";
 import { useSelector } from "react-redux";
 
 type Props = {