# feat:

- Deskripsi:
- Notifikasi collaboration
## Issue: Scroll dari chat akan di ubah dengan package yang mas malik buat

src/app_modules/investasi/detail/layout.tsx

@@ -1,18 +1,11 @@
 "use client";
 
 import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
-import ComponentGlobal_HeaderTamplate from "@/app_modules/_global/header_tamplate";
-import {
-  ActionIcon,
-  AppShell,
-  Group,
-  Header,
-  Text,
-  Title,
-} from "@mantine/core";
-import { IconArrowLeft, IconChevronLeft, IconEdit } from "@tabler/icons-react";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { ActionIcon, Group, Header, Title } from "@mantine/core";
+import { IconChevronLeft } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
-import { title } from "process";
 import React from "react";
 
 export default function LayoutDetailInvestasi({
@@ -23,34 +16,35 @@ export default function LayoutDetailInvestasi({
   const router = useRouter();
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
+      <UIGlobal_LayoutTamplate
         header={
-          <Header height={50} style={{ borderStyle: "none" }}>
-            <Group h={50} position="apart" px={"md"}>
-              <ActionIcon
-                variant="transparent"
-                onClick={() => {
-                  router.back();
-                }}
-              >
-                <IconChevronLeft />
-              </ActionIcon>
-              <Title order={5}>Detail Investasi</Title>
-              <ActionIcon
-                variant="transparent"
-                disabled
-                onClick={() => {
-                  router.replace("");
-                }}
-              >
-                {/* <IconEdit /> */}
-              </ActionIcon>
-            </Group>
-          </Header>
+          <UIGlobal_LayoutHeaderTamplate title="Detail" />
+          // <Header height={50} style={{ borderStyle: "none" }}>
+          //   <Group h={50} position="apart" px={"md"}>
+          //     <ActionIcon
+          //       variant="transparent"
+          //       onClick={() => {
+          //         router.back();
+          //       }}
+          //     >
+          //       <IconChevronLeft />
+          //     </ActionIcon>
+          //     <Title order={5}>Detail Investasi</Title>
+          //     <ActionIcon
+          //       variant="transparent"
+          //       disabled
+          //       onClick={() => {
+          //         router.replace("");
+          //       }}
+          //     >
+          //       {/* <IconEdit /> */}
+          //     </ActionIcon>
+          //   </Group>
+          // </Header>
         }
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail/view.tsx

@@ -2,10 +2,11 @@
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import { Warna } from "@/app/lib/warna";
+import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/_global/author_name_on_header";
+import { MODEL_PROFILE_OLD } from "@/app_modules/home/model/user_profile";
 import {
   ActionIcon,
   AspectRatio,
-  Avatar,
   Box,
   Button,
   Center,
@@ -15,10 +16,9 @@ import {
   Image,
   Paper,
   Progress,
-  Slider,
   Stack,
   Text,
-  Title,
+  Title
 } from "@mantine/core";
 import {
   IconBookDownload,
@@ -27,16 +27,13 @@ import {
   IconSpeakerphone,
   IconXboxX,
 } from "@tabler/icons-react";
+import { useAtom } from "jotai";
+import moment from "moment";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { MODEL_Investasi } from "../model/model_investasi";
-import moment from "moment";
-import { MODEL_PROFILE_OLD } from "@/app_modules/home/model/user_profile";
-import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { gs_TransferValue } from "../g_state";
-import { useAtom } from "jotai";
-import _ from "lodash";
-import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/_global/author_name_on_header";
+import { MODEL_Investasi } from "../model/model_investasi";
+import { AccentColor } from "@/app_modules/_global/color/color_pallet";
 
 export default function DetailInvestasi({
   dataInvestasi,
@@ -92,7 +89,16 @@ export default function DetailInvestasi({
 
   return (
     <>
-      <Box px={"sm"}>
+      <Box
+        style={{
+          padding: "15px",
+          backgroundColor: AccentColor.darkblue,
+          borderRadius: "10px",
+          border: `2px solid ${AccentColor.blue}`,
+          color: "white",
+          marginBottom: "15px",
+        }}
+      >
         {/* Foto username dan sisa waktu */}
         <Group position="apart" mb={"md"}>
           {/* <pre>{JSON.stringify(dataUser, null, 2)}</pre> */}