upd: home

Deskripsi:
- integrasi api kegiatan terupdate
- integrasi api divisi teraktif
- integrasi api progres kegiatan
- integrasi api jumlah dokumen
- integrasi api event hari ini
- integrasi api diskusi

No Issues

app/(application)/banner/create.tsx

@@ -2,14 +2,22 @@ import ButtonBackHeader from "@/components/buttonBackHeader";
 import ButtonSaveHeader from "@/components/buttonSaveHeader";
 import { InputForm } from "@/components/inputForm";
 import Styles from "@/constants/Styles";
+import { apiCreateBanner } from "@/lib/api";
+import { addEntity } from "@/lib/bannerSlice";
+import { useAuthSession } from "@/providers/AuthProvider";
 import { Entypo } from "@expo/vector-icons";
 import * as ImagePicker from 'expo-image-picker';
 import { router, Stack } from "expo-router";
 import { useState } from "react";
 import { Image, Pressable, SafeAreaView, ScrollView, Text, View } from "react-native";
+import { useDispatch } from "react-redux";
 
 export default function CreateBanner() {
+   const { decryptToken, token } = useAuthSession()
+   const dispatch = useDispatch()
    const [selectedImage, setSelectedImage] = useState<string | undefined>(undefined)
+   const [imgForm, setImgForm] = useState<any>()
+   const [title, setTitle] = useState('')
 
    const pickImageAsync = async () => {
       let result = await ImagePicker.launchImageLibraryAsync({
@@ -20,11 +28,31 @@ export default function CreateBanner() {
 
       if (!result.canceled) {
          setSelectedImage(result.assets[0].uri);
+         setImgForm(result.assets[0])
       } else {
          alert('Tidak ada gambar yang dipilih');
       }
    };
 
+
+   const handleCreateEntity = async () => {
+      const hasil = await decryptToken(String(token?.current))
+      const fd = new FormData()
+      fd.append("file", JSON.stringify({
+         uri: imgForm.uri,
+         type: 'image/jpeg', // or response.assets[0].type
+         name: imgForm.fileName,
+       }))
+      fd.append("data", JSON.stringify(
+         {
+            title: title,
+            user: hasil
+         }
+      ))
+      const createdEntity = await apiCreateBanner(fd);
+      dispatch(addEntity(createdEntity));
+   };
+
    return (
       <SafeAreaView>
          <Stack.Screen
@@ -32,7 +60,7 @@ export default function CreateBanner() {
                headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
                headerTitle: 'Tambah Banner',
                headerTitleAlign: 'center',
-               headerRight: () => <ButtonSaveHeader category="create" />
+               headerRight: () => <ButtonSaveHeader category="create" onPress={() => { handleCreateEntity() }} />
             }}
          />
          <ScrollView>
@@ -47,25 +75,13 @@ export default function CreateBanner() {
                         <Pressable onPress={pickImageAsync} style={[Styles.wrapPaper, Styles.contentItemCenter]}>
                            <View style={{ justifyContent: 'center', alignItems: 'center' }}>
                               <Entypo name="image" size={50} color={'#aeaeae'} />
-                              <Text style={[Styles.textInformation, Styles.mt05]}>Mohon unggah gambar dalam resolusi 1535 x 450 piksel untuk memastikan</Text>
+                              <Text style={[Styles.textInformation, Styles.mt05]}>Mohon unggah gambar dalam resolusi 1535 x 450 pixel untuk memastikan</Text>
                            </View>
                         </Pressable>
                      )
                   }
                </View>
-               <InputForm label="Judul" type="numeric" placeholder="Judul" required bg="white" />
-               {/* <ButtonForm
-                  text="SIMPAN"
-                  onPress={() => {
-                     AlertKonfirmasi({
-                        title: 'Konfirmasi',
-                        desc: 'Apakah anda yakin ingin menambahkan data?',
-                        onPress: () => {
-                           ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
-                           router.push('/banner')
-                        }
-                     })
-                  }} /> */}
+               <InputForm label="Judul" type="default" placeholder="Judul" required bg="white" onChange={setTitle} />
             </View>
          </ScrollView>
       </SafeAreaView>

app/(application)/banner/index.tsx

@@ -9,9 +9,13 @@ import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons"
 import { router, Stack } from "expo-router"
 import { useState } from "react"
 import { Image, SafeAreaView, ScrollView, ToastAndroid, View } from "react-native"
+import { useSelector } from "react-redux"
 
 export default function BannerList() {
    const [isModal, setModal] = useState(false)
+   const entities = useSelector((state: any) => state.banner)
+   const [dataId, setDataId] = useState('')
+   const [dataStorage, setDataStorage] = useState('')
 
    return (
       <SafeAreaView>
@@ -26,39 +30,24 @@ export default function BannerList() {
 
          <ScrollView>
             <View style={[Styles.p15, Styles.mb100]}>
-               <BorderBottomItem
-                  onPress={() => { setModal(true) }}
-                  borderType="all"
-                  icon={
-                     <Image
-                        source={require("../../../assets/images/bg.png")}
-                        style={[Styles.imgListBanner]}
-                     />
-                  }
-                  title="Banner 1"
-               />
-               <BorderBottomItem
-                  onPress={() => { setModal(true) }}
-                  borderType="all"
-                  icon={
-                     <Image
-                        source={require("../../../assets/images/bg.png")}
-                        style={[Styles.imgListBanner]}
-                     />
-                  }
-                  title="Banner 2"
-               />
-               <BorderBottomItem
-                  onPress={() => { setModal(true) }}
-                  borderType="all"
-                  icon={
-                     <Image
-                        source={require("../../../assets/images/bg.png")}
-                        style={[Styles.imgListBanner]}
-                     />
-                  }
-                  title="Banner 3"
-               />
+               {entities.map((index: any, key: number) => (
+                  <BorderBottomItem
+                     key={key}
+                     onPress={() => {
+                        setDataId(index.id)
+                        setDataStorage(index.image)
+                        setModal(true)
+                     }}
+                     borderType="all"
+                     icon={
+                        <Image
+                           source={{ uri: `https://wibu-storage.wibudev.com/api/files/${index.image}` }}
+                           style={[Styles.imgListBanner]}
+                        />
+                     }
+                     title={index.title}
+                  />
+               ))}
             </View>
          </ScrollView>
 
@@ -69,7 +58,7 @@ export default function BannerList() {
                   title="Edit"
                   onPress={() => {
                      setModal(false)
-                     router.push('/banner/784')
+                     router.push(`/banner/${dataId}`)
                   }}
                />
                <MenuItemRow