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",

3
src/app_modules/investasi/_ui/detail/ui_detail_main.tsx
View File

@@ -16,6 +16,7 @@ import {
RouterInvestasi_OLD,
} from "@/app/lib/router_hipmi/router_investasi";
import { IconDeviceIpadPlus } from "@tabler/icons-react";
import { MainColor } from "@/app_modules/_global/color";
export function Investasi_UiDetailMain({
dataInvestasi,
@@ -54,7 +55,7 @@ export function Investasi_UiDetailMain({
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color="white" />
<IconDotsVertical color={MainColor.white} />
</ActionIcon>
) : (
<ActionIcon disabled variant="transparent" />

7
src/app_modules/investasi/_ui/detail/ui_detail_portofolio.tsx
View File

@@ -23,6 +23,7 @@ import {
Investasi_ViewDetailReview,
} from "../../_view";
import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
import { MainColor } from "@/app_modules/_global/color";
export function Investasi_UiDetailPortofolio({
dataInvestasi,
@@ -69,7 +70,7 @@ export function Investasi_UiDetailPortofolio({
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color="white" />
<IconDotsVertical color={MainColor.white} />
</ActionIcon>
}
/>
@@ -93,7 +94,7 @@ export function Investasi_UiDetailPortofolio({
<Stack key={i} align="center" spacing={"xs"}>
<ActionIcon
variant="transparent"
c="white"
c={MainColor.white}
onClick={() => {
setPageId(e?.id);
setLoading(true);
@@ -109,7 +110,7 @@ export function Investasi_UiDetailPortofolio({
e?.icon
)}
</ActionIcon>
<Text fz={"sm"} align="center" color="white">
<Text fz={"sm"} align="center" color={MainColor.white}>
{e?.name}
</Text>
</Stack>

2
src/app_modules/investasi/_ui/main/ui_portofolio_new.tsx
View File

@@ -61,7 +61,7 @@ export function Investasi_UiPortofolioNew() {
transition: "ease 0.5s ",
backgroundColor:
param.id === e.id ? MainColor.yellow : AccentColor.blue,
color: param.id === e.id ? "black" : "white",
color: param.id === e.id ? "black" : MainColor.white,
}}
>
{e.name}

22
src/app_modules/investasi/_view/detail/portofolio/view_detail_publish.tsx
View File

@@ -80,7 +80,7 @@ export default function Investasi_ViewDetailPublish({
{/* Title dan Persentase */}
<Center>
<Title order={3} align="center">
<Title color={MainColor.white} order={3} align="center">
{_.startCase(data.title)}
</Title>
</Center>
@@ -90,12 +90,12 @@ export default function Investasi_ViewDetailPublish({
<Stack>
<Investasi_ComponentTitleAndValueInDetail
title="Investor"
value={<Text>{data.Investasi_Invoice.length} </Text>}
value={<Text c={MainColor.white}>{data.Investasi_Invoice.length} </Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Target Dana"
value={
<Text>
<Text c={MainColor.white}>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 20,
@@ -107,7 +107,7 @@ export default function Investasi_ViewDetailPublish({
<Investasi_ComponentTitleAndValueInDetail
title="Harga Per Lembar"
value={
<Text>
<Text c={MainColor.white}>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
@@ -117,14 +117,14 @@ export default function Investasi_ViewDetailPublish({
/>
<Investasi_ComponentTitleAndValueInDetail
title={<Text fs={"italic"}>Return Of Invesment (RoI)</Text>}
value={<Text>{data.roi} %</Text>}
title={<Text c={MainColor.white} fs={"italic"}>Return Of Invesment (RoI)</Text>}
value={<Text c={MainColor.white}>{data.roi} %</Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Total Lembar"
value={
<Text>
<Text c={MainColor.white}>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+data.totalLembar)}{" "}
@@ -136,7 +136,7 @@ export default function Investasi_ViewDetailPublish({
<Investasi_ComponentTitleAndValueInDetail
title="Sisa Lembar"
value={
<Text>
<Text c={MainColor.white}>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+data.sisaLembar)}{" "}
@@ -147,15 +147,15 @@ export default function Investasi_ViewDetailPublish({
<Investasi_ComponentTitleAndValueInDetail
title="Jadwal Pembagian"
value={<Text>{data.MasterPembagianDeviden.name} Bulan </Text>}
value={<Text c={MainColor.white}>{data.MasterPembagianDeviden.name} Bulan </Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Pembagian Deviden"
value={<Text>{data.MasterPeriodeDeviden.name}</Text>}
value={<Text c={MainColor.white}>{data.MasterPeriodeDeviden.name}</Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Pencarian Investor"
value={<Text>{data.MasterPencarianInvestor.name} Hari </Text>}
value={<Text c={MainColor.white}>{data.MasterPencarianInvestor.name} Hari </Text>}
/>
</Stack>

7
src/app_modules/investasi/_view/main/portofolio/skeleton_portofolio.tsx
View File

@@ -1,5 +1,6 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Box, Grid, Skeleton } from "@mantine/core";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Box, Grid } from "@mantine/core";
export default function SkeletonInvestasiPortofolio() {
return (
@@ -13,7 +14,7 @@ export default function SkeletonInvestasiPortofolio() {
<Box key={i} py={5}>
<Grid align="center">
<Grid.Col span={12}>
<Skeleton w={"90%"} h={23} />
<CustomSkeleton w={"90%"} h={23} />
</Grid.Col>
</Grid>
</Box>
@@ -21,7 +22,7 @@ export default function SkeletonInvestasiPortofolio() {
</Box>
</Grid.Col>
<Grid.Col span={5}>
<Skeleton w={"100%"} height={100} radius="md" />
<CustomSkeleton w={"100%"} height={100} radius="md" />
</Grid.Col>
</Grid>
</ComponentGlobal_CardStyles>

5
src/app_modules/investasi/_view/main/skeleton_saham_saya.tsx
View File

@@ -1,5 +1,6 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Grid, Skeleton } from "@mantine/core";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Grid } from "@mantine/core";
export default function SkeletonInvestasiSahamSaya() {
return (
@@ -8,7 +9,7 @@ export default function SkeletonInvestasiSahamSaya() {
<ComponentGlobal_CardStyles key={index}>
<Grid>
<Grid.Col span={12}>
<Skeleton w={"100%"} height={70} radius="md" />
<CustomSkeleton w={"100%"} height={70} radius="md" />
</Grid.Col>
</Grid>
</ComponentGlobal_CardStyles>

6
src/app_modules/investasi/_view/status_transaksi/view_invoice_berhasil.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import {
ComponentGlobal_LoadImage,
ComponentGlobal_TampilanRupiah,
@@ -44,7 +44,7 @@ export function Investasi_ViewTransaksiBerhasil({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<IconBrandCashapp size={100} />
@@ -61,7 +61,7 @@ export function Investasi_ViewTransaksiBerhasil({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
>

12
src/app_modules/investasi/_view/transaksi/view_invoice.tsx
View File

@@ -110,7 +110,7 @@ export function Investasi_ViewInvoice({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Title order={5}>Mohon transfer ke rekening dibawah</Title>
@@ -123,7 +123,7 @@ export function Investasi_ViewInvoice({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
>
@@ -181,7 +181,7 @@ export function Investasi_ViewInvoice({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
>
@@ -196,7 +196,7 @@ export function Investasi_ViewInvoice({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Grid>
@@ -272,7 +272,7 @@ export function Investasi_ViewInvoice({
{file ? (
<Center>
<Group spacing={"xs"}>
<Text fz={"xs"} fs={"italic"}>
<Text c={MainColor.white} fz={"xs"} fs={"italic"}>
Upload berhasil{" "}
</Text>
<IconCircleCheck color="green" />
@@ -280,7 +280,7 @@ export function Investasi_ViewInvoice({
</Center>
) : (
<Center>
<Text fz={"xs"} fs={"italic"}>
<Text c={MainColor.white} fz={"xs"} fs={"italic"}>
Upload bukti transfer anda !
</Text>
</Center>

6
src/app_modules/investasi/_view/transaksi/view_metode_pembayaran.tsx
View File

@@ -101,19 +101,19 @@ export function Investasi_ViewMetodePembayaran({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
>
<Radio
styles={{
radio: {
color: "yellow",
color: "yellow", backgroundColor: MainColor.white
},
}}
value={e.id}
label={
<Title order={6} color="white">
<Title order={6} color={MainColor.white}>
{e.namaBank}
</Title>
}

17
src/app_modules/investasi/_view/transaksi/view_proses_pembelian.tsx
View File

@@ -52,8 +52,8 @@ export function Investasi_ViewProsesPembelian({
>
{/* Sisa Lembar Saham */}
<Group position="apart" mb={"md"}>
<Text>Sisa Lembar Saham</Text>
<Text fz={23}>
<Text c={MainColor.white}>Sisa Lembar Saham</Text>
<Text c={MainColor.white} fz={23}>
{new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10,
}).format(+data.sisaLembar)}{" "}
@@ -62,8 +62,8 @@ export function Investasi_ViewProsesPembelian({
{/* Harga perlembar saham */}
<Group position="apart" mb={"md"}>
<Text>Harga Perlembar</Text>
<Text fz={23}>
<Text c={MainColor.white}>Harga Perlembar</Text>
<Text c={MainColor.white} fz={23}>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10,
@@ -74,12 +74,13 @@ export function Investasi_ViewProsesPembelian({
{/* Lembar saham */}
<Group position="apart" mb={"md"}>
<Box>
<Text>Jumlah Pembelian</Text>
<Text c={MainColor.white}>Jumlah Pembelian</Text>
<Text c={"blue"} fs={"italic"} fz={10}>
minimal pembelian 10 lembar
</Text>
</Box>
<NumberInput
styles={{ input: { backgroundColor: MainColor.white } }}
type="number"
ref={focusTrapRef}
w={100}
@@ -94,13 +95,13 @@ export function Investasi_ViewProsesPembelian({
/>
</Group>
<Divider my={"lg"} />
<Divider color={MainColor.white} my={"lg"} />
<Group position="apart" mb={"md"}>
<Box>
<Text>Total Harga</Text>
<Text c={MainColor.white}>Total Harga</Text>
</Box>
<Text fz={25}>
<Text c={MainColor.white} fz={25}>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10,

10
src/app_modules/investasi/_view/transaksi/view_proses_transaksi.tsx
View File

@@ -30,7 +30,7 @@ export function Investasi_ViewProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Stack spacing={"md"}>
@@ -41,13 +41,13 @@ export function Investasi_ViewProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Stack align="center" justify="center">
<Title order={6}>Admin sedang memproses transaksimu</Title>
<Paper radius={1000} w={100} h={100}>
<Center h={"100%"}>
<Center style={{ backgroundColor: MainColor.white, borderRadius: "100%"}} h={"100%"}>
<Loader size={"lg"} color="yellow" variant="dots" />
</Center>
</Paper>
@@ -73,7 +73,7 @@ export function Investasi_ViewProsesTransaksi({
padding: "15px",
cursor: "pointer",
borderRadius: "10px",
color: "white",
color: MainColor.white,
}}
>
<Group position="center">
@@ -94,7 +94,7 @@ export function Investasi_ViewProsesTransaksi({
target="_blank"
href={`https://wa.me/+${nomorAdmin.nomor}?text=Hallo Admin , Saya ada kendala dalam proses transfer investasi !`}
>
<IconBrandWhatsapp size={40} color={Warna.hijau_cerah} />
<IconBrandWhatsapp size={40} color={MainColor.green} />
</Link>
</Group>
</Paper>

4
src/app_modules/investasi/component/detail/card_status.tsx
View File

@@ -3,7 +3,7 @@ import { Paper, Grid, Stack, AspectRatio, Text, Image } from "@mantine/core";
import _ from "lodash";
import { MODEL_INVESTASI } from "../../_lib/interface";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { useRouter } from "next/navigation";
export function ComponentInvestasi_CardStatus({
@@ -23,7 +23,7 @@ export function ComponentInvestasi_CardStatus({
backgroundColor: AccentColor.darkblue,
borderRadius: "10px",
border: `2px solid ${AccentColor.blue}`,
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
>

64
src/app_modules/investasi/create/view_new.tsx
View File

@@ -276,8 +276,14 @@ export default function InvestasiCreateNew() {
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
withAsterisk
label="Judul Investasi"
@@ -294,8 +300,14 @@ export default function InvestasiCreateNew() {
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
icon={<Text fw={"bold"}>Rp.</Text>}
min={0}
@@ -331,8 +343,14 @@ export default function InvestasiCreateNew() {
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
icon={<Text fw={"bold"}>Rp.</Text>}
min={0}
@@ -378,16 +396,28 @@ export default function InvestasiCreateNew() {
readOnly
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
/>
<TextInput
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
rightSection={
<Text fw={"bold"} c={"gray"}>
@@ -409,8 +439,14 @@ export default function InvestasiCreateNew() {
<Select
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
withAsterisk
label="Pencarian Investor"
@@ -432,8 +468,14 @@ export default function InvestasiCreateNew() {
<Select
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
withAsterisk
label="Periode Deviden"
@@ -452,8 +494,14 @@ export default function InvestasiCreateNew() {
<Select
styles={{
label: {
color: "white",
color: MainColor.white,
},
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}}
withAsterisk
label="Pembagian Deviden"

4
src/app_modules/investasi/portofolio/publish.tsx
View File

@@ -18,7 +18,7 @@ import { useState } from "react";
import ComponentInvestasi_IsEmptyData from "../component/is_empty_data";
import { MODEL_INVESTASI } from "../_lib/interface";
import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
export default function Publish({ data }: { data: MODEL_INVESTASI[] }) {
const router = useRouter();
@@ -39,7 +39,7 @@ export default function Publish({ data }: { data: MODEL_INVESTASI[] }) {
backgroundColor: AccentColor.darkblue,
borderRadius: "10px",
border: `2px solid ${AccentColor.blue}`,
color: "white",
color: MainColor.white,
marginBottom: "15px",
}}
>