- Tampilan main investasi
### no issue
This commit is contained in:
2023-12-06 10:06:47 +08:00
parent 265a869946
commit 26a7b988df

View File

@@ -62,19 +62,21 @@ export default function MainInvestasi({
{investasi.map((e) => ( {investasi.map((e) => (
<Card <Card
// sx={{ borderStyle: "solid", borderColor: "black", borderWidth: "0.5px" }} // sx={{ borderStyle: "solid", borderColor: "black", borderWidth: "0.5px" }}
radius={"md"}
key={e.id} key={e.id}
mb={"lg"} mb={"lg"}
bg={"teal"} bg={"teal.4"}
onClick={() => router.push(`/dev/investasi/detail/${e.id}`)} onClick={() => router.push(`/dev/investasi/detail/${e.id}`)}
> >
<CardSection p={"xs"}> <CardSection p={"md"}>
<AspectRatio ratio={16 / 9}> <AspectRatio ratio={16 / 9}>
{e.imagesId ? ( <Paper radius={"md"}>
<Image alt="" src={`/api/investasi/gambar/${e.imagesId}`} /> {e.imagesId ? (
) : ( <Image alt="" src={`/api/investasi/gambar/${e.imagesId}`} />
<Image alt="" src={"/aset/no-img.png"} /> ) : (
)} <Image alt="" src={"/aset/no-img.png"} />
)}
</Paper>
</AspectRatio> </AspectRatio>
</CardSection> </CardSection>
@@ -99,14 +101,18 @@ export default function MainInvestasi({
<Stack> <Stack>
<Box> <Box>
<Text>Dana Dibutuhkan</Text> <Text>Dana Dibutuhkan</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", { <Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10, maximumSignificantDigits: 10,
}).format(+e.targetDana)}</Text> }).format(+e.targetDana)}
</Text>
</Box> </Box>
<Box> <Box>
<Text>Harga Per Lembar</Text> <Text>Harga Per Lembar</Text>
<Text> <Text>
Rp. {new Intl.NumberFormat("id-ID", { Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10, maximumSignificantDigits: 10,
}).format(+e.hargaLembar)} }).format(+e.hargaLembar)}
{/* {e.hargaLembar} */} {/* {e.hargaLembar} */}
@@ -122,14 +128,16 @@ export default function MainInvestasi({
</Box> </Box>
<Box> <Box>
<Text>Total Lembar</Text> <Text>Total Lembar</Text>
<Text>{new Intl.NumberFormat("id-ID").format(+e.totalLembar)}</Text> <Text>
{new Intl.NumberFormat("id-ID").format(+e.totalLembar)}
</Text>
</Box> </Box>
</Stack> </Stack>
</Grid.Col> </Grid.Col>
</Grid> </Grid>
</Box> </Box>
</CardSection> </CardSection>
<Divider /> <Divider color="dark.4" />
<CardSection p={"md"}> <CardSection p={"md"}>
<Flex gap={"xl"} align={"center"} justify={"center"}> <Flex gap={"xl"} align={"center"} justify={"center"}>
{/* <Box> {/* <Box>