Deskripsi:

Event:
Add history detail
Fix : - nama variabel pada [id]/

Component
Fix:
- Spacing : tipe data num | str
- ScrollView : tambah background

# No Issue "
This commit is contained in:
2025-07-22 14:56:29 +08:00
parent 7889d25a44
commit 814f261881
14 changed files with 293 additions and 74 deletions

View File

@@ -1,39 +1,48 @@
import { BaseBox, StackCustom, AvatarUsernameAndOtherComponent, TextCustom } from "@/components";
import {
AvatarUsernameAndOtherComponent,
BaseBox,
StackCustom,
TextCustom,
} from "@/components";
export default function Event_BoxPublishSection({
id,
name,
avatarHref,
description,
footerButton
id,
title,
username,
description,
// Avatar
sourceAvatar,
rightComponentAvatar,
}: {
id: string;
name?: string;
avatarHref?: string;
description?: string;
footerButton?: React.ReactNode;
id: string;
title?: string;
username?: string;
description?: string;
// Avatar
sourceAvatar?: string;
rightComponentAvatar?: React.ReactNode;
}) {
return (
<>
<BaseBox href={`/event/${id}/publish`}>
<StackCustom gap={"xs"}>
<AvatarUsernameAndOtherComponent
avatarHref={`/profile/${id}`}
name="Lorem ipsum dolor sit"
/>
<TextCustom truncate bold>
Lorem ipsum dolor sit
</TextCustom>
<TextCustom truncate={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
obcaecati quia suscipit numquam, voluptates commodi porro impedit
natus quos doloremque!
</TextCustom>
</StackCustom>
</BaseBox>
{footerButton}
</>
);
return (
<>
<BaseBox href={`/event/${id}/history`}>
<StackCustom gap={"xs"}>
<AvatarUsernameAndOtherComponent
avatarHref={`/profile/${id}`}
name={username || "Lorem ipsum dolor sit"}
rightComponent={rightComponentAvatar}
avatar={sourceAvatar as any}
/>
<TextCustom truncate bold>
{title || "Lorem ipsum dolor sit"}
</TextCustom>
<TextCustom truncate={2}>
{description ||
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa, obcaecati quia suscipit numquam, voluptates commodi porro impedit natus quos doloremque!"}
</TextCustom>
</StackCustom>
</BaseBox>
</>
);
}