Invesment

Add:
- app/(application)/(user)/investment/[id]/(news)/

Fix:
- app/(application)/(user)/investment/[id]/[status]/detail.tsx
- screens/Invesment/BoxDetailDataSection.tsx

Component
Add:
- Tambah icon : IconDocument, IconNews, IconPlus, IconProspectus, IconTrash

## No Issue

app/(application)/(user)/_layout.tsx

@@ -250,6 +250,13 @@ export default function UserLayout() {
           }}
         />
 
+        <Stack.Screen
+          name="investment/[id]/(news)/add-news"
+          options={{
+            title: "Tambah Berita",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
         {/* ========== End Investment Section ========= */}
 

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

@@ -0,0 +1,76 @@
+import {
+  AlertDefaultSystem,
+  BackButton,
+  BaseBox,
+  DotButton,
+  DrawerCustom,
+  DummyLandscapeImage,
+  MenuDrawerDynamicGrid,
+  StackCustom,
+  TextCustom,
+  ViewWrapper
+} from "@/components";
+import { IconTrash } from "@/components/_Icon/IconTrash";
+import { router, Stack, useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+
+export default function InvestmentNews() {
+  const { id, news } = useLocalSearchParams();
+  const [openDrawer, setOpenDrawer] = useState(false);
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: "Detail Berita",
+          headerLeft: () => <BackButton />,
+          headerRight: () => <DotButton onPress={() => setOpenDrawer(true)} />,
+        }}
+      />
+      <ViewWrapper>
+        <BaseBox>
+          <StackCustom>
+            <DummyLandscapeImage />
+            <TextCustom bold align="center" size="large">
+              Judul Berita {news} Terbaru
+            </TextCustom>
+            <TextCustom>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum
+              fuga mollitia laboriosam voluptatibus quos molestias, illo fugiat
+              esse repellat, ad officia earum numquam? Aliquid corrupti quam
+              tempora cum harum est!
+            </TextCustom>
+          </StackCustom>
+        </BaseBox>
+      </ViewWrapper>
+
+      <DrawerCustom
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+        height={"auto"}
+      >
+        <MenuDrawerDynamicGrid
+          data={[
+            {
+              label: "Hapus Berita",
+              path: `/investment/${id}/add-news`,
+              icon: <IconTrash />,
+              color: "red",
+            },
+          ]}
+          onPressItem={(item) => {
+            AlertDefaultSystem({
+              title: "Hapus Berita",
+              message: "Apakah Anda yakin ingin menghapus berita ini?",
+              textLeft: "Batal",
+              textRight: "Hapus",
+              onPressRight: () => {
+                router.back();
+                setOpenDrawer(false);
+              },
+            });
+          }}
+        />
+      </DrawerCustom>
+    </>
+  );
+}

app/(application)/(user)/investment/[id]/(news)/add-news.tsx

@@ -0,0 +1,53 @@
+import {
+  ButtonCenteredOnly,
+  ButtonCustom,
+  InformationBox,
+  LandscapeFrameUploaded,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import { router } from "expo-router";
+
+export default function InvestmentAddNews() {
+  return (
+    <ViewWrapper>
+      <StackCustom gap={"xs"}>
+        <InformationBox text="Pengunggahan foto ke aplikasi bersifat opsional dan tidak diwajibkan, Anda dapat menyimpan berita tanpa mengunggah foto." />
+        <LandscapeFrameUploaded />
+        <ButtonCenteredOnly
+          onPress={() => {
+            router.push("/(application)/(image)/take-picture/123");
+          }}
+          icon="upload"
+        >
+          Upload
+        </ButtonCenteredOnly>
+        <Spacing />
+        <TextInputCustom
+          label="Judul Berita"
+          placeholder="Masukan judul berita"
+          required
+        />
+        <TextAreaCustom
+          label="Deskripsi Berita"
+          placeholder="Masukan deskripsi berita"
+          required
+          showCount
+          maxLength={1000}
+        />
+
+        <ButtonCustom
+          onPress={() => {
+            router.back();
+          }}
+        >
+          Simpan
+        </ButtonCustom>
+      </StackCustom>
+      <Spacing />
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/investment/[id]/(news)/recap-of-news.tsx

@@ -0,0 +1,59 @@
+import {
+  BackButton,
+  BaseBox,
+  DotButton,
+  DrawerCustom,
+  MenuDrawerDynamicGrid,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import { IconPlus } from "@/components/_Icon";
+import { router, Stack, useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+
+export default function InvestmentRecapOfNews() {
+  const { id } = useLocalSearchParams();
+  const [openDrawer, setOpenDrawer] = useState(false);
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: "Rekap Berita",
+          headerLeft: () => <BackButton />,
+          headerRight: () => <DotButton onPress={() => setOpenDrawer(true)} />,
+        }}
+      />
+      <ViewWrapper>
+        {Array.from({ length: 15 }).map((_, index) => (
+          <BaseBox
+            key={index}
+            paddingBlock={5}
+            href={`/investment/${id}/(news)/${index + 1}`}
+          >
+            <TextCustom bold>Berita Terbaru {index + 1}</TextCustom>
+          </BaseBox>
+        ))}
+      </ViewWrapper>
+
+      <DrawerCustom
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+        height={"auto"}
+      >
+        <MenuDrawerDynamicGrid
+          data={[
+            {
+              label: "Tambah Berita",
+              path: `/investment/${id}/add-news`,
+              icon: <IconPlus />,
+            },
+          ]}
+          onPressItem={(item) => {
+            router.push(item.path as any);
+            setOpenDrawer(false);
+          }}
+        />
+      </DrawerCustom>
+    </>
+  );
+}

app/(application)/(user)/investment/[id]/[status]/detail.tsx

@@ -13,19 +13,22 @@ import {
   TextCustom,
   ViewWrapper,
 } from "@/components";
-import { IconEdit } from "@/components/_Icon";
+import {
+  IconDocument,
+  IconEdit,
+  IconNews,
+  IconProspectus,
+} from "@/components/_Icon";
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 import { AccentColor, MainColor } from "@/constants/color-palet";
-import { ICON_SIZE_MEDIUM, ICON_SIZE_SMALL } from "@/constants/constans-value";
-import { listDataNotPublish } from "@/lib/dummy-data/investment/dummy-data-not-publish";
+import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
+import {
+  listDataNotPublishInvesment,
+  listDataPublishInvesment,
+} from "@/lib/dummy-data/investment/dummy-data-not-publish";
 import BoxDetailDataSection from "@/screens/Invesment/BoxDetailDataSection";
 import Investment_ButtonStatusSection from "@/screens/Invesment/ButtonStatusSection";
-import {
-  AntDesign,
-  FontAwesome6,
-  Ionicons,
-  MaterialIcons,
-} from "@expo/vector-icons";
+import { AntDesign, MaterialIcons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import { useState } from "react";
@@ -58,11 +61,7 @@ export default function InvestmentDetailStatus() {
           <StackCustom>
             <TextCustom align="center">Prospektus</TextCustom>
             <CenterCustom>
-              <FontAwesome6
-                name="file-contract"
-                size={50}
-                color={MainColor.white}
-              />
+              <IconProspectus size={50} color={MainColor.white} />
             </CenterCustom>
           </StackCustom>
         </BaseBox>
@@ -77,11 +76,7 @@ export default function InvestmentDetailStatus() {
           <StackCustom>
             <TextCustom align="center">Dokumen</TextCustom>
             <CenterCustom>
-              <FontAwesome6
-                name="file-lines"
-                size={50}
-                color={MainColor.white}
-              />
+              <IconDocument size={50} color={MainColor.white} />
             </CenterCustom>
           </StackCustom>
         </BaseBox>
@@ -114,7 +109,11 @@ export default function InvestmentDetailStatus() {
             </BaseBox>
           )}
           <BoxDetailDataSection
-            data={listDataNotPublish}
+            data={
+              status === "publish"
+                ? listDataPublishInvesment
+                : listDataNotPublishInvesment
+            }
             bottomSection={bottomSection}
           />
           <Investment_ButtonStatusSection status={status as string} />
@@ -172,29 +171,16 @@ export default function InvestmentDetailStatus() {
         <MenuDrawerDynamicGrid
           data={[
             {
-              icon: (
-                <FontAwesome6
-                  name="file-lines"
-                  size={ICON_SIZE_SMALL}
-                  color={MainColor.white}
-                />
-              ),
+              icon: <IconDocument />,
               label: "Update Dokumen",
               path: `/investment/${id}/recap-of-document`,
             },
             {
-              icon: (
-                <Ionicons
-                  name="newspaper-outline"
-                  size={ICON_SIZE_MEDIUM}
-                  color={MainColor.white}
-                />
-              ),
+              icon: <IconNews />,
               label: "Update Berita",
-              path: `/investment/${id}/edit`,
+              path: `/investment/${id}/(news)/recap-of-news`,
             },
           ]}
-          columns={4}
           onPressItem={handlePressPublish as any}
         />
       </DrawerCustom>