# style:

- UI Investasi
- UI Donasi
## No issue

src/app_modules/investasi/detail_dokumen/layout.tsx

@@ -2,6 +2,8 @@
 
 import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/_global/header_tamplate";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -12,9 +14,11 @@ export default function LayoutDetailDokumenInvestasi({
 }) {
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Dokumen" />}>
+      <UIGlobal_LayoutTamplate
+        header={<UIGlobal_LayoutHeaderTamplate title="Dokumen" />}
+      >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_dokumen/view.tsx

@@ -6,6 +6,7 @@ import Link from "next/link";
 import { MODEL_Investasi } from "../model/model_investasi";
 import { useState } from "react";
 import _ from "lodash";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 
 export default function DetailDokumenInvestasi({
   dataInvestasi,
@@ -44,9 +45,7 @@ export default function DetailDokumenInvestasi({
       </Link>
        ))
       ) : (
-        <Center>
-          <Title order={6}>Tidak Ada File</Title>
-        </Center>
+       <ComponentGlobal_IsEmptyData/>
       )}
     </>
   );