fix

deskripsi:
- forum & forumku

app/(application)/(user)/forum/[id]/forumku.tsx

@@ -1,42 +1,111 @@
 import {
+  AlertCustom,
   AvatarCustom,
   ButtonCustom,
   CenterCustom,
+  DrawerCustom,
   Grid,
   StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
-import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import { MainColor } from "@/constants/color-palet";
+import Forum_BerandaSection from "@/screens/Forum/BerandaSection";
+import { listDataDummyForum } from "@/screens/Forum/list-data-dummy";
+import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { useLocalSearchParams } from "expo-router";
+import { useState } from "react";
 
 export default function Forumku() {
   const { id } = useLocalSearchParams();
-  return (
-    <ViewWrapper>
-      <StackCustom>
-        <CenterCustom>
-          <AvatarCustom
-            href={`/(application)/(image)/preview-image/${id}`}
-            size="xl"
-          />
-        </CenterCustom>
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const [status, setStatus] = useState("");
+  const [alertStatus, setAlertStatus] = useState(false);
+  const [deleteAlert, setDeleteAlert] = useState(false);
 
-        <Grid>
-          <Grid.Col span={6}>
-            <TextCustom bold truncate>
-              @bagas_banuna
-            </TextCustom>
-            <TextCustom>1 postingan</TextCustom>
-          </Grid.Col>
-          <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
-            <ButtonCustom href={`/profile/${id}`}>
-              Kunjungi Profile
-            </ButtonCustom>
-          </Grid.Col>
-        </Grid>
-      <Forum_BerandaSection />
-      </StackCustom>
-    </ViewWrapper>
+  return (
+    <>
+      <ViewWrapper>
+        <StackCustom>
+          <CenterCustom>
+            <AvatarCustom
+              href={`/(application)/(image)/preview-image/${id}`}
+              size="xl"
+            />
+          </CenterCustom>
+
+          <Grid>
+            <Grid.Col span={6}>
+              <TextCustom bold truncate>
+                @bagas_banuna
+              </TextCustom>
+              <TextCustom>1 postingan</TextCustom>
+            </Grid.Col>
+            <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+              <ButtonCustom href={`/profile/${id}`}>
+                Kunjungi Profile
+              </ButtonCustom>
+            </Grid.Col>
+          </Grid>
+          {listDataDummyForum.map((e, i) => (
+            <Forum_BerandaSection
+              key={i}
+              data={e}
+              setOpenDrawer={setOpenDrawer}
+              setStatus={setStatus}
+            />
+          ))}
+        </StackCustom>
+      </ViewWrapper>
+
+      {/* Drawer Komponen Eksternal */}
+      <DrawerCustom
+        height={350}
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+      >
+        <Forum_MenuDrawerBerandaSection
+          id={id as string}
+          status={status}
+          setIsDrawerOpen={() => {
+            setOpenDrawer(false);
+          }}
+          setShowDeleteAlert={setDeleteAlert}
+          setShowAlertStatus={setAlertStatus}
+        />
+      </DrawerCustom>
+
+      {/* Alert Komponen Eksternal */}
+      <AlertCustom
+        isVisible={alertStatus}
+        onLeftPress={() => setAlertStatus(false)}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Ubah status forum");
+        }}
+        title="Ubah Status Forum"
+        message="Apakah Anda yakin ingin mengubah status forum ini?"
+        textLeft="Batal"
+        textRight="Ubah"
+        colorRight={MainColor.green}
+      />
+
+      {/* Alert Delete */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        onLeftPress={() => setDeleteAlert(false)}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Hapus forum");
+        }}
+        title="Hapus Forum"
+        message="Apakah Anda yakin ingin menghapus forum ini?"
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
+    </>
   );
 }

app/(application)/(user)/forum/index.tsx

@@ -1,25 +1,35 @@
 import {
+  AlertCustom,
   AvatarCustom,
   BackButton,
+  DrawerCustom,
   TextInputCustom,
-  ViewWrapper
+  ViewWrapper,
 } from "@/components";
 import FloatingButton from "@/components/Button/FloatingButton";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
-import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import Forum_BerandaSection from "@/screens/Forum/BerandaSection";
+import { listDataDummyForum } from "@/screens/Forum/list-data-dummy";
+import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { Ionicons } from "@expo/vector-icons";
-import { router, Stack, useLocalSearchParams } from "expo-router";
+import { router, Stack } from "expo-router";
+import { useState } from "react";
 
 export default function Forum() {
-  const { id } = useLocalSearchParams();
+  const id = "test-id-forum";
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const [status, setStatus] = useState("");
+  const [alertStatus, setAlertStatus] = useState(false);
+  const [deleteAlert, setDeleteAlert] = useState(false);
+
   return (
     <>
       <Stack.Screen
         options={{
           title: "Forum",
           headerLeft: () => <BackButton />,
-          headerRight: () => <AvatarCustom href={`/forum/${id}/forumku`}/>,
+          headerRight: () => <AvatarCustom href={`/forum/${id}/forumku`} />,
         }}
       />
 
@@ -39,11 +49,78 @@ export default function Forum() {
           />
         }
         floatingButton={
-          <FloatingButton onPress={() => router.navigate("/(application)/(user)/forum/create")} />
+          <FloatingButton
+            onPress={() =>
+              router.navigate("/(application)/(user)/forum/create")
+            }
+          />
         }
       >
-        <Forum_BerandaSection />
+        {listDataDummyForum.map((e, i) => (
+          <Forum_BerandaSection
+            key={i}
+            data={e}
+            setOpenDrawer={setOpenDrawer}
+            setStatus={setStatus}
+          />
+        ))}
       </ViewWrapper>
+
+      <DrawerCustom
+        height={350}
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+      >
+        <Forum_MenuDrawerBerandaSection
+          id={id}
+          status={status}
+          setIsDrawerOpen={() => {
+            setOpenDrawer(false);
+          }}
+          setShowDeleteAlert={setDeleteAlert}
+          setShowAlertStatus={setAlertStatus}
+        />
+      </DrawerCustom>
+
+      {/* Alert Status */}
+      <AlertCustom
+        isVisible={alertStatus}
+        title="Ubah Status Forum"
+        message="Apakah Anda yakin ingin mengubah status forum ini?"
+        onLeftPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Ubah status forum");
+        }}
+        textLeft="Batal"
+        textRight="Ubah"
+        colorRight={MainColor.green}
+      />
+
+      {/* Alert Delete */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        title="Hapus Forum"
+        message="Apakah Anda yakin ingin menghapus forum ini?"
+        onLeftPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Hapus forum");
+        }}
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
     </>
   );
 }