Bagasbanuna02
c9a1ac1db5
Add: - BoxDetailContribution - app/(application)/(user)/voting/[id]/contribution.tsx Fix: - app/(application)/(user)/voting/(tabs)/contribution.tsx - app/(application)/(user)/voting/[id]/[status]/detail.tsx - app/(application)/(user)/voting/[id]/list-of-contributor.tsx - app/(application)/(user)/voting/[id]/index.tsx # No Issue
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import {
|
|
BadgeCustom,
|
|
BoxWithHeaderSection,
|
|
Spacing,
|
|
StackCustom,
|
|
TextCustom,
|
|
} from "@/components";
|
|
import { GStyles } from "@/styles/global-styles";
|
|
import dayjs from "dayjs";
|
|
import { View } from "react-native";
|
|
|
|
export function Voting_BoxDetailContributionSection({
|
|
headerAvatar,
|
|
}: {
|
|
headerAvatar?: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<>
|
|
<BoxWithHeaderSection>
|
|
{headerAvatar ? headerAvatar : <Spacing />}
|
|
<StackCustom gap={"lg"}>
|
|
<TextCustom align="center" bold size="large">
|
|
Title of Voting Here
|
|
</TextCustom>
|
|
<TextCustom>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
Perspiciatis corporis blanditiis est provident corrupti facilis iste
|
|
cum voluptate. Natus eum aut quos consequatur doloribus fugiat sit
|
|
ullam minima non enim?
|
|
</TextCustom>
|
|
<View>
|
|
<TextCustom bold size="small" align="center">
|
|
Batas Voting
|
|
</TextCustom>
|
|
<BadgeCustom
|
|
style={[GStyles.alignSelfCenter, { width: "70%" }]}
|
|
variant="light"
|
|
>
|
|
{dayjs().format("DD/MM/YYYY")} -{" "}
|
|
{dayjs().add(1, "day").format("DD/MM/YYYY")}
|
|
</BadgeCustom>
|
|
</View>
|
|
|
|
<StackCustom gap={"xs"}>
|
|
<TextCustom bold size="small" align="center">
|
|
Pilihan Anda
|
|
</TextCustom>
|
|
<BadgeCustom style={[GStyles.alignSelfCenter]}>
|
|
Pilihan 1
|
|
</BadgeCustom>
|
|
</StackCustom>
|
|
</StackCustom>
|
|
</BoxWithHeaderSection>
|
|
</>
|
|
);
|
|
}
|