Deskripsi:

- new comp : Radio
- fix comp : Text area > placeholder diatas
- fix page : report forum sudah pakai radio

# No Issue

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

@@ -11,7 +11,7 @@ import {
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
-import { listDataDummyCommentarForum } from "@/screens/Forum/list-data-dummy";
+import { listDummyDiscussionForum } from "@/screens/Forum/list-data-dummy";
 import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { useLocalSearchParams } from "expo-router";
 import { useState } from "react";
@@ -47,12 +47,14 @@ export default function Forumku() {
               </ButtonCustom>
             </Grid.Col>
           </Grid>
-          {listDataDummyCommentarForum.map((e, i) => (
+          {listDummyDiscussionForum.map((e, i) => (
             <Forum_BoxDetailSection
               key={i}
               data={e}
               setOpenDrawer={setOpenDrawer}
               setStatus={setStatus}
+              isTruncate={true}
+              href={`/forum/${id}`}
             />
           ))}
         </StackCustom>

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

@@ -1,10 +1,10 @@
 import {
-    AlertCustom,
-    ButtonCustom,
-    DrawerCustom,
-    Spacing,
-    TextAreaCustom,
-    ViewWrapper
+  AlertCustom,
+  ButtonCustom,
+  DrawerCustom,
+  Spacing,
+  TextAreaCustom,
+  ViewWrapper,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import Forum_CommentarBoxSection from "@/screens/Forum/CommentarBoxSection";
@@ -26,6 +26,7 @@ export default function ForumDetail() {
 
   // Comentar
   const [openDrawerCommentar, setOpenDrawerCommentar] = useState(false);
+  const [alertDeleteCommentar, setAlertDeleteCommentar] = useState(false);
 
   const dataDummy = {
     name: "Bagas",
@@ -76,7 +77,6 @@ export default function ForumDetail() {
             key={i}
             data={e}
             setOpenDrawer={setOpenDrawerCommentar}
-
           />
         ))}
       </ViewWrapper>
@@ -148,23 +148,23 @@ export default function ForumDetail() {
           setIsDrawerOpen={() => {
             setOpenDrawerCommentar(false);
           }}
-          setShowDeleteAlert={setDeleteAlert}
+          setShowDeleteAlert={setAlertDeleteCommentar}
         />
       </DrawerCustom>
 
       {/* Alert Delete Commentar */}
       <AlertCustom
-        isVisible={deleteAlert}
+        isVisible={alertDeleteCommentar}
         title="Hapus Komentar"
         message="Apakah Anda yakin ingin menghapus komentar ini?"
         onLeftPress={() => {
           setOpenDrawerCommentar(false);
-          setDeleteAlert(false);
+          setAlertDeleteCommentar(false);
           console.log("Batal");
         }}
         onRightPress={() => {
           setOpenDrawerCommentar(false);
-          setDeleteAlert(false);
+          setAlertDeleteCommentar(false);
           console.log("Hapus commentar");
         }}
         textLeft="Batal"

app/(application)/(user)/forum/[id]/report-commentar.tsx

@@ -1,5 +1,6 @@
 import {
     ButtonCustom,
+    Spacing,
     StackCustom,
     ViewWrapper
 } from "@/components";
@@ -33,6 +34,7 @@ export default function ForumReportCommentar() {
           >
             Lainnya
           </ButtonCustom>
+          <Spacing/>
         </StackCustom>
       </ViewWrapper>
     </>

app/(application)/(user)/forum/[id]/report-posting.tsx

@@ -1,4 +1,4 @@
-import { ViewWrapper, StackCustom, ButtonCustom } from "@/components";
+import { ViewWrapper, StackCustom, ButtonCustom, Spacing } from "@/components";
 import { MainColor, AccentColor } from "@/constants/color-palet";
 import Forum_ReportListSection from "@/screens/Forum/ReportListSection";
 import { router } from "expo-router";
@@ -29,6 +29,7 @@ export default function ForumReportPosting() {
             >
               Lainnya
             </ButtonCustom>
+            <Spacing />
           </StackCustom>
         </ViewWrapper>
       </>