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

fix portofolio layout

Browse Source
This commit is contained in:
Bagasbanuna02
2025-03-13 14:57:22 +08:00
parent ad7cfcd8b8
commit 5ae3ad31d6
14 changed files with 207 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/app_modules/katalog/main/layout_new.tsx
View File

@@ -1,17 +1,17 @@
"use client"; "use client";
import { funGetUserIdByToken } from "@/app_modules/_global/fun/get"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import { import UI_NewLayoutTamplate, {
UIGlobal_LayoutHeaderTamplate, UI_NewChildren,
UIGlobal_LayoutTamplate, UI_NewHeader,
} from "@/app_modules/_global/ui"; } from "@/app_modules/_global/ui/V2_layout_tamplate";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { apiGetUserProfile } from "@/app_modules/user"; import { apiGetUserProfile } from "@/app_modules/user";
import { ActionIcon, Skeleton } from "@mantine/core"; import { ActionIcon } from "@mantine/core";
import { useDisclosure, useShallowEffect } from "@mantine/hooks"; import { useDisclosure, useShallowEffect } from "@mantine/hooks";
import { IconDotsVertical } from "@tabler/icons-react"; import { IconDotsVertical } from "@tabler/icons-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import DrawerKatalogNew from "../component/drawer_katalog_new"; import DrawerKatalogNew from "../component/drawer_katalog_new";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export default function LayoutKatalogNew({ export default function LayoutKatalogNew({
children, children,
@@ -48,7 +48,7 @@ export default function LayoutKatalogNew({
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="KATALOG" title="KATALOG"
@@ -73,13 +73,40 @@ export default function LayoutKatalogNew({
} }
> >
{children} {children}
<DrawerKatalogNew </UIGlobal_LayoutTamplate> */}
opened={opened}
close={() => close()} <UI_NewLayoutTamplate>
userRoleId={userRoleId} <UI_NewHeader>
userId={userLoginId} <Component_Header
/> title="KATALOG"
</UIGlobal_LayoutTamplate> customButtonRight={
loading ? (
<ActionIcon disabled variant="transparent">
<CustomSkeleton h={20} w={20} radius={"100%"} />
</ActionIcon>
) : authorId == userLoginId ? (
<ActionIcon
c="white"
variant="transparent"
onClick={() => open()}
>
<IconDotsVertical />
</ActionIcon>
) : (
<ActionIcon disabled variant="transparent"></ActionIcon>
)
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
<DrawerKatalogNew
opened={opened}
close={() => close()}
userRoleId={userRoleId}
userId={userLoginId}
/>
</> </>
); );
} }

2
src/app_modules/katalog/portofolio/component/button/comp_button_edit_logo_bisnis.tsx
View File

@@ -94,10 +94,10 @@ export function ComponentPortofolio_ButtonEditLogoBisnis({
color="yellow" color="yellow"
c={"black"} c={"black"}
style={{ style={{
width: "90%",
transition: "0.5s", transition: "0.5s",
position: "absolute", position: "absolute",
bottom: 20, bottom: 20,
width: 300,
}} }}
> >
Simpan Simpan

18
src/app_modules/katalog/portofolio/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";
export default function CreatePortofolioLayout({ export default function CreatePortofolioLayout({
children, children,
@@ -12,11 +15,18 @@ export default function CreatePortofolioLayout({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Tambah Portofolio" />} header={<UIGlobal_LayoutHeaderTamplate title="Tambah Portofolio" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Tambah Portofolio" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/katalog/portofolio/edit/data/layout.tsx
View File

@@ -1,10 +1,12 @@
"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 LayoutPortofolio_EditDataBisnis({ export default function LayoutPortofolio_EditDataBisnis({
children, children,
}: { }: {
@@ -12,11 +14,19 @@ export default function LayoutPortofolio_EditDataBisnis({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Data Bisnis" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Data Bisnis" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate>
*/}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Data Bisnis" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/katalog/portofolio/edit/logo/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 LayoutPortofolio_EditLogoBisnis({ export default function LayoutPortofolio_EditLogoBisnis({
@@ -11,11 +14,18 @@ export default function LayoutPortofolio_EditLogoBisnis({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Logo Bisnis" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Logo Bisnis" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Logo Bisnis" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/katalog/portofolio/edit/medsos/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 LayoutPortofolio_EditMedsosBisnis({ export default function LayoutPortofolio_EditMedsosBisnis({
@@ -11,11 +14,18 @@ export default function LayoutPortofolio_EditMedsosBisnis({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Media Sosial" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Media Sosial" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Media Sosial" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

7
src/app_modules/katalog/portofolio/edit/medsos/ui_edit_medsos.tsx
View File

@@ -8,18 +8,17 @@ import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil"; import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal"; import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton"; import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { clientLogger } from "@/util/clientLogger";
import { Button, Stack, TextInput } from "@mantine/core"; import { Button, Stack, TextInput } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks"; import { useShallowEffect } from "@mantine/hooks";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { useParams, useRouter } from "next/navigation"; import { useParams, useRouter } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import { import {
apiGetPortofolioById, apiGetPortofolioById,
apiUpdateMedsosPortofolioById, apiUpdateMedsosPortofolioById,
} from "../../component/api_fetch_portofolio"; } from "../../component/api_fetch_portofolio";
import { Portofolio_funEditMedsosById } from "../../fun/edit/fun_edit_medsos_bisnis_by_id";
import { MODEL_PORTOFOLIO_MEDSOS } from "../../model/interface"; import { MODEL_PORTOFOLIO_MEDSOS } from "../../model/interface";
import { clientLogger } from "@/util/clientLogger"; import { Profile_ComponentButtonUpdatePhotoProfile } from "@/app_modules/katalog/profile/_component";
interface IUpdateMedson { interface IUpdateMedson {
facebook: string; facebook: string;
@@ -224,6 +223,8 @@ export default function Portofolio_EditMedsosBisnis() {
> >
Update Update
</Button> </Button>
</Stack> </Stack>
</ComponentGlobal_CardStyles> </ComponentGlobal_CardStyles>
</> </>

28
src/app_modules/katalog/portofolio/ui/ui_layout_new.tsx
View File

@@ -1,5 +1,9 @@
'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 ComponentPortofolio_ButtonMoreNew from "../component/button_more_new"; import ComponentPortofolio_ButtonMoreNew from "../component/button_more_new";
export default function PortofolioLayoutNew({ export default function PortofolioLayoutNew({
@@ -7,11 +11,11 @@ export default function PortofolioLayoutNew({
userLoginId, userLoginId,
}: { }: {
children: any; children: any;
userLoginId: string userLoginId: string;
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Detail Portofolio" title="Detail Portofolio"
@@ -22,7 +26,19 @@ export default function PortofolioLayoutNew({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Detail Portofolio"
customButtonRight={
<ComponentPortofolio_ButtonMoreNew userLoginId={userLoginId} />
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

2
src/app_modules/katalog/portofolio/ui/ui_list_detail_portofolio_new.tsx
View File

@@ -48,7 +48,7 @@ export default function Portofolio_UiListDetailNew() {
<> <>
<Box py={5}> <Box py={5}>
<ScrollOnly <ScrollOnly
height="90vh" height="80vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<ComponentGlobal_Loader /> <ComponentGlobal_Loader />

35
src/app_modules/katalog/portofolio/view/list_detail_portofolio_new.tsx
View File

@@ -1,13 +1,28 @@
'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 Portofolio_UiListDetailNew from "../ui/ui_list_detail_portofolio_new"; import Portofolio_UiListDetailNew from "../ui/ui_list_detail_portofolio_new";
export default function ListDetailPortofolioNew() { export default function ListDetailPortofolioNew() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Daftar Portofolio" />} > {/* <UIGlobal_LayoutTamplate
<Portofolio_UiListDetailNew /> header={<UIGlobal_LayoutHeaderTamplate title="Daftar Portofolio" />}
</UIGlobal_LayoutTamplate> >
</> <Portofolio_UiListDetailNew />
) </UIGlobal_LayoutTamplate> */}
}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Daftar Portofolioo" />
</UI_NewHeader>
<UI_NewChildren>
<Portofolio_UiListDetailNew />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</>
);
}

19
src/app_modules/katalog/profile/create/layout.tsx
View File

@@ -1,15 +1,24 @@
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import UI_NewLayoutTamplate, {
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
export default function ProfileLayout({ children }: { children: any }) { export default function ProfileLayout({ children }: { children: any }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Buat Profile" />} header={<UIGlobal_LayoutHeaderTamplate title="Buat Profile" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Buat Profile" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/katalog/profile/edit/layout.tsx
View File

@@ -1,14 +1,24 @@
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";
export default function EditProfileLayout({ children }: { children: any }) { export default function EditProfileLayout({ children }: { children: any }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Profile" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Profile" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Profile" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/katalog/profile/upload/foto_background/layout.tsx
View File

@@ -1,5 +1,8 @@
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";
export default function LayoutProfile_UpdateFotoBackground({ export default function LayoutProfile_UpdateFotoBackground({
children, children,
@@ -8,11 +11,18 @@ export default function LayoutProfile_UpdateFotoBackground({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Update Background" />} header={<UIGlobal_LayoutHeaderTamplate title="Update Background" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Update Background" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

20
src/app_modules/katalog/profile/upload/foto_profile/layout.tsx
View File

@@ -1,20 +1,28 @@
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";
export default function UploadFotoProfileLayout({ export default function UploadFotoProfileLayout({
children, children,
}: { }: {
children: any; children: any;
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Update Foto" />} header={<UIGlobal_LayoutHeaderTamplate title="Update Foto" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Update Foto" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }