Bagasbanuna02
4bcfcb5f5a
Add: - IconArchive Voting Add: - detail voting - BoxDetailHasilVotingSection - BoxDetailPublishSection - BoxDetailSection - ButtonStatusSection Fix: - BoxPublishSection - ReportListSection: Hapus import useless # No Issue
55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
import {
|
|
BoxWithHeaderSection,
|
|
AvatarUsernameAndOtherComponent,
|
|
Spacing,
|
|
StackCustom,
|
|
TextCustom,
|
|
BadgeCustom,
|
|
Grid,
|
|
CircleContainer,
|
|
} from "@/components";
|
|
import dayjs from "dayjs";
|
|
import { Href } from "expo-router";
|
|
|
|
export default function Voting_BoxPublishSection({
|
|
href,
|
|
id,
|
|
bottomComponent,
|
|
}: {
|
|
href?: Href
|
|
id?: string
|
|
bottomComponent?: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<>
|
|
<BoxWithHeaderSection href={href}>
|
|
<AvatarUsernameAndOtherComponent avatarHref="/profile/1" />
|
|
<Spacing />
|
|
<StackCustom>
|
|
<TextCustom align="center" bold truncate size="large">
|
|
Voting Title {id}
|
|
</TextCustom>
|
|
|
|
<BadgeCustom
|
|
style={{ width: "70%", alignSelf: "center" }}
|
|
variant="light"
|
|
>
|
|
{dayjs().format("DD/MM/YYYY")} -{" "}
|
|
{dayjs().add(1, "day").format("DD/MM/YYYY")}
|
|
</BadgeCustom>
|
|
|
|
<Grid>
|
|
{Array.from({ length: 4 }).map((_, i) => (
|
|
<Grid.Col span={3} style={{ alignItems: "center" }} key={i}>
|
|
<CircleContainer value={9 % (i + 4)} />
|
|
<TextCustom size="small">Pilihan {i + 1}</TextCustom>
|
|
</Grid.Col>
|
|
))}
|
|
</Grid>
|
|
{bottomComponent}
|
|
</StackCustom>
|
|
</BoxWithHeaderSection>
|
|
</>
|
|
);
|
|
}
|