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

Invesment

Browse Source 
Add:
- screens/Invesment/ComponentBoxOnBottomDetail.tsx
- screens/Invesment/ButtonInvestasiSection.tsx
- app/(application)/(user)/investment/[id]/investor.tsx
- app/(application)/(user)/investment/[id]/(news)/list-of-news.tsx

Fix:
- screens/Invesment/BoxDetailDataSection.tsx
- app/(application)/(user)/investment/[id]/[status]/detail.tsx
- app/(application)/(user)/_layout.tsx

## No Issue
This commit is contained in:
Bagasbanuna02
2025-07-31 14:47:40 +08:00
parent 54fc2a3d02
commit 7205cb0736
8 changed files with 259 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
screens/Invesment/BoxDetailDataSection.tsx
View File

@@ -8,7 +8,7 @@ import {
} from "@/components";
import { View } from "react-native";
export default function BoxDetailDataSection({
export default function Invesment_BoxDetailDataSection({
title,
data,
bottomSection,
@@ -41,7 +41,7 @@ export default function BoxDetailDataSection({
</Grid.Col>
</Grid>
))}
<Spacing />
{bottomSection}
</StackCustom>
</BaseBox>

17
screens/Invesment/ButtonInvestasiSection.tsx Normal file
View File

@@ -0,0 +1,17 @@
import { ButtonCustom } from "@/components";
export default function Investment_ButtonInvestasiSection({
isMine,
}: {
isMine: boolean;
}) {
return (
<>
{isMine ? (
<ButtonCustom>Beli Saham</ButtonCustom>
) : (
<ButtonCustom disabled>Investasi Ini Milik Anda</ButtonCustom>
)}
</>
);
}

126
screens/Invesment/ComponentBoxOnBottomDetail.tsx Normal file
View File

@@ -0,0 +1,126 @@
import {
BaseBox,
CenterCustom,
Grid,
StackCustom,
TextCustom,
} from "@/components";
import { IconDocument, IconNews, IconProspectus } from "@/components/_Icon";
import { AccentColor, MainColor } from "@/constants/color-palet";
import { Ionicons } from "@expo/vector-icons";
export default function Invesment_ComponentBoxOnBottomDetail({
id,
status,
}: {
id: string;
status: string;
}) {
return (
<>
{status === "publish" ? (
<>
<Grid>
<Grid.Col span={6} style={{ paddingInline: 5 }}>
<BaseBox
backgroundColor={AccentColor.blue}
style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
href={`/investment/${id}/prospektus/file`}
>
<StackCustom>
<TextCustom align="center">Prospektus</TextCustom>
<CenterCustom>
<IconProspectus size={50} color={MainColor.white} />
</CenterCustom>
</StackCustom>
</BaseBox>
</Grid.Col>
<Grid.Col span={6} style={{ paddingInline: 5 }}>
<BaseBox
backgroundColor={AccentColor.blue}
style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
href={`/investment/${id}/list-of-document`}
>
<StackCustom>
<TextCustom align="center">Dokumen</TextCustom>
<CenterCustom>
<IconDocument size={50} color={MainColor.white} />
</CenterCustom>
</StackCustom>
</BaseBox>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={6} style={{ paddingInline: 5 }}>
<BaseBox
backgroundColor={AccentColor.blue}
style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
href={`/investment/${id}/investor`}
>
<StackCustom>
<TextCustom align="center">Investor</TextCustom>
<CenterCustom>
<Ionicons
name="cash-outline"
size={50}
color={MainColor.white}
/>
</CenterCustom>
</StackCustom>
</BaseBox>
</Grid.Col>
<Grid.Col span={6} style={{ paddingInline: 5 }}>
<BaseBox
backgroundColor={AccentColor.blue}
style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
href={`/investment/${id}/list-of-news`}
>
<StackCustom>
<TextCustom align="center">Berita</TextCustom>
<CenterCustom>
<IconNews size={50} color={MainColor.white} />
</CenterCustom>
</StackCustom>
</BaseBox>
</Grid.Col>
</Grid>
</>
) : (
<Grid>
<Grid.Col span={6} style={{ paddingRight: 10 }}>
<BaseBox
backgroundColor={AccentColor.blue}
style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
href={`/investment/${id}/prospektus/file`}
>
<StackCustom>
<TextCustom align="center">Prospektus</TextCustom>
<CenterCustom>
<IconProspectus size={50} color={MainColor.white} />
</CenterCustom>
</StackCustom>
</BaseBox>
</Grid.Col>
<Grid.Col span={6} style={{ paddingLeft: 10 }}>
<BaseBox
backgroundColor={AccentColor.blue}
style={{ borderColor: AccentColor.softblue, borderWidth: 1 }}
href={`/investment/${id}/list-of-document`}
>
<StackCustom>
<TextCustom align="center">Dokumen</TextCustom>
<CenterCustom>
<IconDocument size={50} color={MainColor.white} />
</CenterCustom>
</StackCustom>
</BaseBox>
</Grid.Col>
</Grid>
)}
</>
);
}