# feat - Ubah status ke review dan sebaliknya - Lihat dokumen, prospektus, dan berita di review status ### no issue
54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { Paper, Grid, Center, Text, Title } from "@mantine/core";
|
|
import { IconChevronRight } from "@tabler/icons-react";
|
|
import Link from "next/link";
|
|
import { MODEL_Investasi } from "../model/model_investasi";
|
|
import { useState } from "react";
|
|
import _ from "lodash";
|
|
|
|
export default function DetailDokumenInvestasi({
|
|
dataInvestasi,
|
|
}: {
|
|
dataInvestasi: MODEL_Investasi;
|
|
}) {
|
|
const [dokumen, setDokumen] = useState(dataInvestasi);
|
|
return (
|
|
<>
|
|
{!_.isEmpty(dokumen.DokumenInvestasi) ? (
|
|
dokumen.DokumenInvestasi.map((e) => (
|
|
<Link
|
|
key={e.id}
|
|
href={`/file/${e.url}`}
|
|
target="_blank"
|
|
style={{ textDecorationLine: "none" }}
|
|
>
|
|
<Paper w={"100%"} h={50} bg={"gray"} mb={"md"}>
|
|
<Grid
|
|
align="center"
|
|
justify="center"
|
|
h={50}
|
|
px={"sm"}
|
|
onClick={() => ""}
|
|
>
|
|
<Grid.Col span={10}>
|
|
<Text>{e.title}</Text>
|
|
</Grid.Col>
|
|
<Grid.Col span={2}>
|
|
<Center>
|
|
<IconChevronRight />
|
|
</Center>
|
|
</Grid.Col>
|
|
</Grid>
|
|
</Paper>
|
|
</Link>
|
|
))
|
|
) : (
|
|
<Center>
|
|
<Title order={6}>Tidak Ada File</Title>
|
|
</Center>
|
|
)}
|
|
</>
|
|
);
|
|
}
|