upd: profile

Deskripsi:
- percobaan fetch profile menggunakan redux
- install package redux

No Issues

app/(application)/_layout.tsx

@@ -4,10 +4,12 @@ import HeaderRightDivisionList from "@/components/division/headerDivisionList";
 import HeaderMemberList from "@/components/member/headerMemberList";
 import HeaderRightProjectList from "@/components/project/headerProjectList";
 import { Headers } from "@/constants/Headers";
+import store from "@/lib/store";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { Redirect, router, Stack } from "expo-router";
 import { StatusBar } from 'expo-status-bar';
 import { Text } from "react-native";
+import { Provider } from "react-redux";
 
 export default function RootLayout() {
    const { token, isLoading } = useAuthSession()
@@ -21,7 +23,7 @@ export default function RootLayout() {
    }
 
    return (
-      <>
+      <Provider store={store}>
          <Stack screenOptions={Headers.shadow}>
             <Stack.Screen name="home" options={{ title: 'Home' }} />
             <Stack.Screen name="feature" options={{ title: 'Fitur' }} />
@@ -57,6 +59,6 @@ export default function RootLayout() {
             <Stack.Screen name="division/[id]/(fitur-division)" options={{ headerShown: false }} />
          </Stack>
          <StatusBar style="light" />
-      </>
+      </Provider>
    )
 }

app/(application)/profile.tsx

@@ -3,13 +3,38 @@ import ButtonBackHeader from "@/components/buttonBackHeader";
 import { ButtonHeader } from "@/components/buttonHeader";
 import ItemDetailMember from "@/components/itemDetailMember";
 import Styles from "@/constants/Styles";
+import { apiGetProfile } from "@/lib/api";
+import { setEntities } from "@/lib/entitiesSlice";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { Octicons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
+import { useEffect } from "react";
 import { Image, SafeAreaView, ScrollView, Text, View } from "react-native";
+import { useDispatch, useSelector } from 'react-redux';
 
 export default function Profile() {
-   const {signOut, token} = useAuthSession()
+   const { signOut, token } = useAuthSession()
+   const dispatch = useDispatch()
+   const entities = useSelector((state: any) => state.entities)
+
+   useEffect(() => {
+      apiGetProfile({ id: 'supadminAmalia' }).then((data) => dispatch(setEntities(data.data)));
+   }, [dispatch]);
+
+   useEffect(() => {
+      handleUserLogin()
+   }, []);
+
+   function handleUserLogin() {
+      console.log(token?.current)
+      var C = require("crypto-js");
+      var Decrypted = C.AES.decrypt(token?.current, "your password");
+      var result = Decrypted.toString(C.enc.Utf8);
+
+      console.log(result)
+   }
+
+
 
    return (
       <SafeAreaView>
@@ -25,8 +50,7 @@ export default function Profile() {
                      AlertKonfirmasi({
                         title: 'Keluar',
                         desc: 'Apakah anda yakin ingin keluar?',
-                        // onPress: () => { router.push('/') }
-                        onPress: () => { signOut()}
+                        onPress: () => { signOut() }
                      })
                   }}
                />
@@ -36,23 +60,23 @@ export default function Profile() {
             <View style={{ flexDirection: 'column' }}>
                <View style={[Styles.wrapHeadViewMember]}>
                   <Image
-                     source={require("../../assets/images/user.jpeg")}
+                     source={{ uri: `https://wibu-storage.wibudev.com/api/files/${entities.img}` }}
                      style={[Styles.userProfileBig]}
                   />
-                  <Text style={[Styles.textSubtitle, Styles.cWhite, Styles.mt10]}>Putri Ayu Dewi</Text>
-                  <Text style={[Styles.textMediumNormal, Styles.cWhite]}>Super Admin</Text>
+                  <Text style={[Styles.textSubtitle, Styles.cWhite, Styles.mt10]}>{entities.name}</Text>
+                  <Text style={[Styles.textMediumNormal, Styles.cWhite]}>{entities.role}</Text>
                </View>
                <View style={[Styles.p15]}>
                   <View style={[Styles.rowSpaceBetween]}>
                      <Text style={[Styles.textDefaultSemiBold]}>Informasi</Text>
                      <Text style={[Styles.textLink]}>Edit</Text>
                   </View>
-                  <ItemDetailMember category="nik" value="123456789" />
-                  <ItemDetailMember category="group" value="Dinas" />
-                  <ItemDetailMember category="position" value="Sekretaris" />
-                  <ItemDetailMember category="phone" value="08980873782" />
-                  <ItemDetailMember category="email" value="putri@gmail.com" />
-                  <ItemDetailMember category="gender" value="Perempuan" />
+                  <ItemDetailMember category="nik" value={entities.nik} />
+                  <ItemDetailMember category="group" value={entities.group} />
+                  <ItemDetailMember category="position" value={entities.position} />
+                  <ItemDetailMember category="phone" value={`0${entities.phone}`} />
+                  <ItemDetailMember category="email" value={entities.email} />
+                  <ItemDetailMember category="gender" value={entities.gender == "F" ? 'Perempuan' : 'Laki-laki'} />
                </View>
             </View>
          </ScrollView>

app/index.tsx

@@ -7,8 +7,6 @@ import { Text } from "react-native";
 
 
 export default function Index() {
-   // const [loadingLogin, setLoadingLogin] = useState(false)
-   // const [disableLogin, setDisableLogin] = useState(true)
    const [isValid, setValid] = useState(false)
    const [phone, setPhone] = useState('')
    const [otp, setOtp] = useState(0)
@@ -22,55 +20,10 @@ export default function Index() {
       return <Redirect href="/home" />;
    }
 
-   // const handleCheckPhone = async () => {
-   //    try {
-   //       setLoadingLogin(true)
-   //       const response = await apiCheckPhoneLogin({ phone: `62${phone}` });
-   //       if (response.success) {
-   //          const otp = Math.floor(1000 + Math.random() * 9000);
-   //          console.log(otp);
-   //          // return router.push('/verification')
-   //       }
-   //       return ToastAndroid.show(response.message, ToastAndroid.SHORT)
-   //    } catch (error) {
-   //       console.error('Error fetching data:', error);
-   //       return ToastAndroid.show('Terjadi kesalahan', ToastAndroid.SHORT)
-   //    } finally {
-   //       setLoadingLogin(false)
-   //    }
-   // };
-
    if (isValid) { return <ViewVerification phone={phone} otp={otp} /> }
 
    return (
       <>
-         {/* <View style={Styles.wrapLogin} >
-            <View style={{ alignItems: "center", marginVertical: 50 }}>
-               <Image
-                  source={require("../assets/images/splash-icon.png")}
-                  style={{ width: 130, height: 130 }}
-               />
-               <Text style={[Styles.textSubtitle]}>PERBEKEL DARMASABA</Text>
-            </View>
-            <InputForm
-               onChange={(val) => {
-                  val == "" ? setDisableLogin(true) : setDisableLogin(false)
-                  setPhone(val)
-               }}
-               type="numeric"
-               placeholder="XXX-XXX-XXXX"
-               round
-               itemLeft={<Text>+62</Text>}
-               info="Kami akan mengirim kode verifikasi melalui WhatsApp, guna mengonfirmasikan nomor Anda." />
-            <ButtonForm
-               text="MASUK"
-               onPress={() => { handleCheckPhone() }}
-               disabled={disableLogin}
-            />
-         </View>
-         {
-            loadingLogin && <ModalLoading isVisible={true} setVisible={setLoadingLogin} />
-         } */}
          <ViewLogin
             onValidate={(val) => {
                setPhone(val.phone)