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

Add All Skeleton Except Collaboration

Browse Source
This commit is contained in:
nico
2024-12-30 17:37:44 +08:00
parent 82a55d7148
commit a74a32b422
55 changed files with 305 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app_modules/investasi/_component/comp_card_border_and_background.tsx
View File

@@ -1,4 +1,4 @@
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { Card } from "@mantine/core";
import React from "react";
@@ -26,7 +26,7 @@ export function Investasi_ComponentStylesCard({
paddingInline: "15px",
paddingBlock: "15px",
borderRadius: "10px",
color: "white",
color: MainColor.white,
marginBottom: marginBottom ? marginBottom : "0x",
}}
onClick={onClickHandler}

6
src/app_modules/investasi/_component/detail/comp_box_daftar_berita.tsx
View File

@@ -2,7 +2,7 @@ import {
NEW_RouterInvestasi,
RouterInvestasi_OLD,
} from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { ActionIcon, Flex, Loader, Paper, Text } from "@mantine/core";
import { IconFileDescription } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
@@ -34,12 +34,12 @@ export function Investasi_ComponentBoxDaftarBerita({
}}
>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>Berita </Text>
<Text c={MainColor.white} fz={12}>Berita </Text>
<ActionIcon radius={"xl"} variant="transparent" size={60}>
{isLoading ? (
<Loader color="yellow" />
) : (
<IconFileDescription size={70} color="white" />
<IconFileDescription size={70} color={MainColor.white} />
)}
</ActionIcon>
</Flex>

6
src/app_modules/investasi/_component/detail/comp_box_daftar_dokumen.tsx
View File

@@ -2,7 +2,7 @@ import {
NEW_RouterInvestasi,
RouterInvestasi_OLD,
} from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { ActionIcon, Flex, Loader, Paper, Text } from "@mantine/core";
import { IconFileDescription } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
@@ -35,12 +35,12 @@ export function Investasi_ComponentBoxDaftarDokumen({
}}
>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>Dokumen</Text>
<Text c={MainColor.white} fz={12}>Dokumen</Text>
<ActionIcon radius={"xl"} variant="transparent" size={60}>
{isLoading ? (
<Loader color="yellow" />
) : (
<IconFileDescription size={70} color="white" />
<IconFileDescription size={70} color={MainColor.white} />
)}
</ActionIcon>
</Flex>

6
src/app_modules/investasi/_component/detail/comp_box_prospektus.tsx
View File

@@ -1,5 +1,5 @@
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { ActionIcon, Flex, Loader, Paper, Text } from "@mantine/core";
import { IconBookDownload } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
@@ -32,12 +32,12 @@ export function Investasi_ComponentBoxProspektus({
}}
>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>Prospektus</Text>
<Text c={MainColor.white} fz={12}>Prospektus</Text>
<ActionIcon radius={"xl"} variant="transparent" size={60}>
{isLoading ? (
<Loader color="yellow" />
) : (
<IconBookDownload size={70} color="white" />
<IconBookDownload size={70} color={MainColor.white} />
)}
</ActionIcon>
</Flex>

3
src/app_modules/investasi/_component/detail/comp_title_and_value_in_detail.tsx
View File

@@ -1,3 +1,4 @@
import { MainColor } from "@/app_modules/_global/color";
import { Grid, Text } from "@mantine/core";
import { data } from "autoprefixer";
import React from "react";
@@ -13,7 +14,7 @@ export function Investasi_ComponentTitleAndValueInDetail({
<>
<Grid>
<Grid.Col span={5}>
<Text fw={"bold"}>{title} </Text>
<Text c={MainColor.white} fw={"bold"}>{title} </Text>
</Grid.Col>
<Grid.Col span={1}>: </Grid.Col>
<Grid.Col span={6}>{value}</Grid.Col>

3
src/app_modules/investasi/_component/detail/saham_saya/comp_detail_data.tsx
View File

@@ -15,6 +15,7 @@ import {
import { Investasi_ComponentBoxDaftarBerita } from "../comp_box_daftar_berita";
import { Investasi_ComponentBoxDaftarDokumen } from "../comp_box_daftar_dokumen";
import { Investasi_ComponentBoxProspektus } from "../comp_box_prospektus";
import { MainColor } from "@/app_modules/_global/color";
export function Investasi_ComponentBoxDetailData({
data,
@@ -31,7 +32,7 @@ export function Investasi_ComponentBoxDetailData({
<ComponentGlobal_LoadImageLandscape fileId={data.Investasi.imageId} />
<Title order={3} mb={"xs"} align="center">
<Title c={MainColor.white} order={3} mb={"xs"} align="center">
{data?.Investasi.title}
</Title>

5
src/app_modules/investasi/_component/detail/saham_saya/comp_harga_dan_lembar.tsx
View File

@@ -6,6 +6,7 @@ import { Stack, Grid, Text } from "@mantine/core";
import { data } from "autoprefixer";
import { Investasi_ComponentStylesCard } from "../../comp_card_border_and_background";
import { MODEL_INVOICE_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import { MainColor } from "@/app_modules/_global/color";
export function Investasi_ComponentBoxHargaDanLembarSaham({
data,
@@ -19,7 +20,7 @@ export function Investasi_ComponentBoxHargaDanLembarSaham({
<Stack spacing={5}>
<Grid>
<Grid.Col span={6}>
<Text fw={"bold"}>Transaksi Saham</Text>
<Text c={MainColor.white} fw={"bold"}>Transaksi Saham</Text>
</Grid.Col>
<Grid.Col span={6}>
<ComponentGlobal_TampilanRupiah
@@ -31,7 +32,7 @@ export function Investasi_ComponentBoxHargaDanLembarSaham({
<Grid>
<Grid.Col span={6}>
<Text fw={"bold"}>Saham Terbeli</Text>
<Text c={MainColor.white} fw={"bold"}>Saham Terbeli</Text>
</Grid.Col>
<Grid.Col span={6}>
<ComponentGlobal_TampilanAngkaRatusan

3
src/app_modules/investasi/_component/detail/saham_saya/comp_progress_saham.tsx
View File

@@ -11,7 +11,7 @@ export function Investasi_ComponentBoxProgress({
<>
<Investasi_ComponentStylesCard>
<Stack>
<Text fw={"bold"}>Progres Saham</Text>
<Text c={MainColor.white} fw={"bold"}>Progres Saham</Text>
<Progress
styles={{ label: { color: "black" } }}
color={MainColor.yellow}
@@ -19,6 +19,7 @@ export function Investasi_ComponentBoxProgress({
value={+progress}
label={progress + "%"}
radius={"xl"}
bg={MainColor.white}
/>
</Stack>
</Investasi_ComponentStylesCard>

4
src/app_modules/investasi/_component/main/comp_card_daftar_transaksi_new.tsx
View File

@@ -1,5 +1,5 @@
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
import { Card, Group, Stack, Text, Title } from "@mantine/core";
import { useRouter } from "next/navigation";
@@ -48,7 +48,7 @@ export function Investasi_ComponentCardDaftarTransaksiNew({ data }: { data: IDat
backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
mb={"md"}
onClick={() =>

6
src/app_modules/investasi/_component/main/comp_card_saham_saya_new.tsx
View File

@@ -27,12 +27,12 @@ export function Investasi_ComponentSahamSayaNew({ data }: { data: IDataSahamSaya
</Text>
<ComponentGlobal_TampilanRupiah
nominal={+data?.nominal}
color="white"
color={MainColor.white}
fontSize={"xs"}
/>
<ComponentGlobal_TampilanAngkaRatusan
nominal={+data?.lembarTerbeli}
color="white"
color={MainColor.white}
fontSize={"xs"}
textAfter="Lembar"
/>
@@ -51,7 +51,7 @@ export function Investasi_ComponentSahamSayaNew({ data }: { data: IDataSahamSaya
backgroundColor: MainColor.yellow,
},
root: {
backgroundColor: "whitesmoke",
backgroundColor: MainColor.white,
},
label: {
color: "black",