wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix main layout detail

Browse Source
This commit is contained in:
Bagasbanuna02
2025-03-17 14:10:12 +08:00
parent e745e7b1ef
commit da5d2bead9
18 changed files with 253 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app_modules/investasi/_component/main/com_card_beranda_new.tsx
View File

@@ -97,16 +97,16 @@ export function Investasi_ComponentCardBerandaNew({
"days" "days"
) <= ) <=
0 ? ( 0 ? (
<Group position="right" spacing={"xs"}> <Group position="right" spacing={5}>
<IconXboxX color="red" /> <IconXboxX color="red" size={20} />
<Text <Text
truncate truncate
variant="text" variant="text"
c={Warna.merah} c={Warna.merah}
sx={{ fontFamily: "Greycliff CF, sans-serif" }} sx={{ fontFamily: "Greycliff CF, sans-serif" }}
ta="center" ta="center"
fz="md" fw={"bold"}
fw={700} fz="sm"
> >
Waktu Habis Waktu Habis
</Text> </Text>

2
src/app_modules/investasi/_component/skeleton_view.tsx
View File

@@ -23,7 +23,7 @@ function Investasi_SkeletonEditProspektus() {
transition: "all 0.3s ease", transition: "all 0.3s ease",
position: "absolute", position: "absolute",
bottom: 20, bottom: 20,
width: "90%", width: 300,
}} }}
> >
<CustomSkeleton h={40} width={"100%"} radius={"xl"} /> <CustomSkeleton h={40} width={"100%"} radius={"xl"} />

24
src/app_modules/investasi/_ui/create/ui_create_berita.tsx
View File

@@ -1,19 +1,29 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Investasi_ViewCreateBerita } from "../../_view"; import { Investasi_ViewCreateBerita } from "../../_view";
export function Investasi_UiCreateBerita() { export function Investasi_UiCreateBerita() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Tambah Berita" />} header={<UIGlobal_LayoutHeaderTamplate title="Tambah Berita" />}
> >
<Investasi_ViewCreateBerita /> <Investasi_ViewCreateBerita />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Tambah Berita" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewCreateBerita />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

21
src/app_modules/investasi/_ui/create/ui_create_document.tsx
View File

@@ -1,16 +1,29 @@
"use client" "use client";
import { UIGlobal_LayoutHeaderTamplate, UIGlobal_LayoutTamplate } from "@/app_modules/_global/ui" import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Investasi_ViewCreateDocument } from "../../_view"; import { Investasi_ViewCreateDocument } from "../../_view";
export function Investasi_UiCreateDocument() { export function Investasi_UiCreateDocument() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Tambah Dokumen" />} header={<UIGlobal_LayoutHeaderTamplate title="Tambah Dokumen" />}
> >
<Investasi_ViewCreateDocument /> <Investasi_ViewCreateDocument />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Tambah Dokumen" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewCreateDocument />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

32
src/app_modules/investasi/_ui/detail/ui_berita.tsx
View File

@@ -23,6 +23,11 @@ import { clientLogger } from "@/util/clientLogger";
import { useShallowEffect } from "@mantine/hooks"; import { useShallowEffect } from "@mantine/hooks";
import { apiGetBeritaInvestasiById } from "../../_lib/api_interface"; import { apiGetBeritaInvestasiById } from "../../_lib/api_interface";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, {
UI_NewHeader,
UI_NewChildren,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
export function Investasi_UiDetailBerita({ export function Investasi_UiDetailBerita({
userLoginId, userLoginId,
@@ -91,7 +96,7 @@ export function Investasi_UiDetailBerita({
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Detail Berita" title="Detail Berita"
@@ -111,7 +116,30 @@ export function Investasi_UiDetailBerita({
} }
> >
<Investasi_ViewDetailBerita /> <Investasi_ViewDetailBerita />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Detail Berita"
customButtonRight={
data && userLoginId === data.investasi.authorId ? (
<ActionIcon
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color="white" />
</ActionIcon>
) : (
""
)
}
/>
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewDetailBerita />
</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_DrawerCustom <UIGlobal_DrawerCustom
opened={openDrawer} opened={openDrawer}

28
src/app_modules/investasi/_ui/detail/ui_daftar_berita.tsx
View File

@@ -1,17 +1,27 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Investasi_ViewDaftarBerita } from "../../_view"; import { Investasi_ViewDaftarBerita } from "../../_view";
export function Investasi_UiDaftarBerita() { export function Investasi_UiDaftarBerita() {
return ( return (
<UIGlobal_LayoutTamplate // <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Daftar Berita" />} // header={<UIGlobal_LayoutHeaderTamplate title="Daftar Berita" />}
> // >
<Investasi_ViewDaftarBerita /> // <Investasi_ViewDaftarBerita />
</UIGlobal_LayoutTamplate> // </UIGlobal_LayoutTamplate>
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Daftar Berita" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewDaftarBerita />
</UI_NewChildren>
</UI_NewLayoutTamplate>
); );
} }

22
src/app_modules/investasi/_ui/detail/ui_daftar_dokumen.tsx
View File

@@ -1,19 +1,29 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Investasi_ViewDaftarDokumen } from "../../_view"; import { Investasi_ViewDaftarDokumen } from "../../_view";
export function Investasi_UiDaftarDokmen() { export function Investasi_UiDaftarDokmen() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Daftar Dokumen" />} header={<UIGlobal_LayoutHeaderTamplate title="Daftar Dokumen" />}
> >
<Investasi_ViewDaftarDokumen /> <Investasi_ViewDaftarDokumen />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Daftar Dokumen" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewDaftarDokumen />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

36
src/app_modules/investasi/_ui/detail/ui_detail_main.tsx
View File

@@ -1,11 +1,11 @@
"use client"; "use client";
import { MainColor } from "@/app_modules/_global/color"; import { MainColor } from "@/app_modules/_global/color";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import { import {
UIGlobal_Drawer, UIGlobal_Drawer
UIGlobal_LayoutHeaderTamplate,
UIGlobal_LayoutTamplate,
} from "@/app_modules/_global/ui"; } from "@/app_modules/_global/ui";
import UI_NewLayoutTamplate, { UI_NewChildren, UI_NewHeader } from "@/app_modules/_global/ui/V2_layout_tamplate";
import { import {
NEW_RouterInvestasi NEW_RouterInvestasi
} from "@/lib/router_hipmi/router_investasi"; } from "@/lib/router_hipmi/router_investasi";
@@ -64,7 +64,33 @@ export function Investasi_UiDetailMain({
return ( return (
<> <>
<UIGlobal_LayoutTamplate <UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Detail "
customButtonRight={
userLoginId === data?.authorId ? (
<ActionIcon
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color={MainColor.white} />
</ActionIcon>
) : (
<ActionIcon disabled variant="transparent" />
)
}
/>
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewDetailPublish
data={data as any}
userLoginId={userLoginId}
/>
</UI_NewChildren>
</UI_NewLayoutTamplate>
{/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Detail " title="Detail "
@@ -87,7 +113,7 @@ export function Investasi_UiDetailMain({
data={data as any} data={data as any}
userLoginId={userLoginId} userLoginId={userLoginId}
/> />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UIGlobal_Drawer <UIGlobal_Drawer
opened={openDrawer} opened={openDrawer}

22
src/app_modules/investasi/_ui/detail/ui_detail_prospektus.tsx
View File

@@ -1,9 +1,10 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Investasi_ViewDetailProspektus } from "../../_view"; import { Investasi_ViewDetailProspektus } from "../../_view";
export function Investasi_UiDetailProspektus({ export function Investasi_UiDetailProspektus({
@@ -13,11 +14,20 @@ export function Investasi_UiDetailProspektus({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Prospektus" />} header={<UIGlobal_LayoutHeaderTamplate title="Detail Prospektus" />}
> >
<Investasi_ViewDetailProspektus dataInvestasi={dataInvestasi} /> <Investasi_ViewDetailProspektus dataInvestasi={dataInvestasi} />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Detail Prospektus" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewDetailProspektus dataInvestasi={dataInvestasi} />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

19
src/app_modules/investasi/_ui/detail/ui_list_investor.tsx
View File

@@ -1,19 +1,26 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, { UI_NewChildren, UI_NewHeader } from "@/app_modules/_global/ui/V2_layout_tamplate";
UIGlobal_LayoutTamplate,
} from "@/app_modules/_global/ui";
import { Investasi_ViewListInvestor } from "../../_view/detail/view_list_investor"; import { Investasi_ViewListInvestor } from "../../_view/detail/view_list_investor";
export function Investasi_UiListInvestor() { export function Investasi_UiListInvestor() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Daftar Investor" />} header={<UIGlobal_LayoutHeaderTamplate title="Daftar Investor" />}
> >
<Investasi_ViewListInvestor /> <Investasi_ViewListInvestor />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Daftar Investor" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewListInvestor />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

36
src/app_modules/investasi/_ui/detail/ui_rekap_berita.tsx
View File

@@ -1,11 +1,14 @@
"use client"; "use client";
import { NEW_RouterInvestasi } from "@/lib/router_hipmi/router_investasi"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import { import {
UIGlobal_Drawer, UIGlobal_Drawer
UIGlobal_LayoutHeaderTamplate,
UIGlobal_LayoutTamplate,
} from "@/app_modules/_global/ui"; } from "@/app_modules/_global/ui";
import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { NEW_RouterInvestasi } from "@/lib/router_hipmi/router_investasi";
import { ActionIcon } from "@mantine/core"; import { ActionIcon } from "@mantine/core";
import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react"; import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
@@ -28,7 +31,7 @@ export function Investasi_UiRekapBerita() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Rekap Berita" title="Rekap Berita"
@@ -46,7 +49,28 @@ export function Investasi_UiRekapBerita() {
} }
> >
<Investasi_ViewRekapBerita /> <Investasi_ViewRekapBerita />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Rekap Berita"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => {
setOpenDrawer(true);
}}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewRekapBerita />
</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_Drawer <UIGlobal_Drawer
opened={openDrawer} opened={openDrawer}

28
src/app_modules/investasi/_ui/detail/ui_rekap_dokumen.tsx
View File

@@ -11,6 +11,8 @@ import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react";
import { useState } from "react"; import { useState } from "react";
import { Investasi_ViewRekapDokumen } from "../../_view"; import { Investasi_ViewRekapDokumen } from "../../_view";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren } from "@/app_modules/_global/ui/V2_layout_tamplate";
export function Investasi_UiRekapDokumen() { export function Investasi_UiRekapDokumen() {
const params = useParams<{ id: string }>(); const params = useParams<{ id: string }>();
@@ -28,7 +30,7 @@ export function Investasi_UiRekapDokumen() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Rekap Dokumen" title="Rekap Dokumen"
@@ -43,9 +45,27 @@ export function Investasi_UiRekapDokumen() {
/> />
} }
> >
<Investasi_ViewRekapDokumen <Investasi_ViewRekapDokumen />
/> </UIGlobal_LayoutTamplate> */}
</UIGlobal_LayoutTamplate>
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Rekap Dokumen"
customButtonRight={
<ActionIcon
onClick={() => setOpenDrawer(true)}
variant="transparent"
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewRekapDokumen />
</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_Drawer <UIGlobal_Drawer
opened={openDrawer} opened={openDrawer}

22
src/app_modules/investasi/_ui/edit/ui_edit_dokumen.tsx
View File

@@ -1,19 +1,29 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Investasi_ViewEditDokumen } from "../../_view"; import { Investasi_ViewEditDokumen } from "../../_view";
export function Investasi_UiEditDokumen() { export function Investasi_UiEditDokumen() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Dokumen" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Dokumen" />}
> >
<Investasi_ViewEditDokumen /> <Investasi_ViewEditDokumen />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Dokumen" />
</UI_NewHeader>
<UI_NewChildren>
<Investasi_ViewEditDokumen />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

2
src/app_modules/investasi/_view/create/view_create_document.tsx
View File

@@ -137,7 +137,7 @@ export function Investasi_ViewCreateDocument() {
transition: "0.5s", transition: "0.5s",
position: "absolute", position: "absolute",
bottom: 20, bottom: 20,
width: "90%", width: 300,
}} }}
onClick={() => { onClick={() => {
onCreate(); onCreate();

2
src/app_modules/investasi/_view/detail/view_berita.tsx
View File

@@ -45,7 +45,7 @@ export function Investasi_ViewDetailBerita() {
<> <>
<ComponentGlobal_CardStyles> <ComponentGlobal_CardStyles>
<Stack> <Stack>
{data.imagesId && ( {data.imageId && (
<ComponentGlobal_LoadImageLandscape <ComponentGlobal_LoadImageLandscape
fileId={data.imageId as string} fileId={data.imageId as string}
/> />

2
src/app_modules/investasi/_view/detail/view_daftar_dokemen.tsx
View File

@@ -53,7 +53,7 @@ export function Investasi_ViewDaftarDokumen() {
) : ( ) : (
<Box> <Box>
<ScrollOnly <ScrollOnly
height="90vh" height="82vh"
renderLoading={() => ( renderLoading={() => (
<Center> <Center>
<ComponentGlobal_Loader size={25} /> <ComponentGlobal_Loader size={25} />

3
src/app_modules/investasi/_view/edit/view_edit_dokumen.tsx
View File

@@ -54,7 +54,6 @@ export function Investasi_ViewEditDokumen() {
id: dokumenId, id: dokumenId,
}); });
if (response.success) { if (response.success) {
console.log(response.data);
setData(response.data); setData(response.data);
} }
} catch (error) { } catch (error) {
@@ -224,7 +223,7 @@ export function Investasi_ViewEditDokumen() {
transition: "0.5s", transition: "0.5s",
position: "absolute", position: "absolute",
bottom: 20, bottom: 20,
width: "90%", width: 300,
}} }}
onClick={() => { onClick={() => {
onUpdate(); onUpdate();

18
src/app_modules/investasi/create/layout.tsx
View File

@@ -1,7 +1,10 @@
"use client"; "use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
export default function InvestasiCreateLayout({ export default function InvestasiCreateLayout({
@@ -11,11 +14,18 @@ export default function InvestasiCreateLayout({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Tambah Investasi" />} header={<UIGlobal_LayoutHeaderTamplate title="Tambah Investasi" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Tambah Investasi" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }