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

fix di katalog, tambahan di event dan investasi

Browse Source
This commit is contained in:
nico
2024-12-27 17:11:44 +08:00
parent b467aedece
commit 3ae83c01ea
20 changed files with 116 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app_modules/_global/color/color_pallet.ts
View File

@@ -3,7 +3,8 @@ export const MainColor = {
darkblue: "#001D3D", darkblue: "#001D3D",
yellow: "#E1B525", yellow: "#E1B525",
white: "#D4D0D0", white: "#D4D0D0",
red: "#C74E4E" red: "#C74E4E",
orange: "#E58958"
}; };
export const AccentColor = { export const AccentColor = {

2
src/app_modules/_global/component/button_create.tsx
View File

@@ -48,7 +48,7 @@ export default function ComponentGlobal_CreateButton({
)} */} )} */}
{/* GA PAKE LOADING */} {/* GA PAKE LOADING */}
<IconPencilPlus color="white" /> <IconPencilPlus color={MainColor.white} />
</ActionIcon> </ActionIcon>
</> </>
); );

2
src/app_modules/_global/component/comp_avatar_and_username.tsx
View File

@@ -9,6 +9,7 @@ import ComponentGlobal_Loader from "./loader";
import { funGlobal_CheckProfile } from "../fun/get"; import { funGlobal_CheckProfile } from "../fun/get";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog"; import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import { ComponentGlobal_NotifikasiPeringatan } from "../notif_global"; import { ComponentGlobal_NotifikasiPeringatan } from "../notif_global";
import { MainColor } from "../color";
type IFontSize = "xs" | "sm" | "md" | "lg" | "xl"; type IFontSize = "xs" | "sm" | "md" | "lg" | "xl";
export function ComponentGlobal_AvatarAndUsername({ export function ComponentGlobal_AvatarAndUsername({
@@ -60,6 +61,7 @@ export function ComponentGlobal_AvatarAndUsername({
<Grid.Col span={"auto"} style={{ minHeight: 50 }}> <Grid.Col span={"auto"} style={{ minHeight: 50 }}>
<Stack justify="center" h={30}> <Stack justify="center" h={30}>
<Text <Text
c={MainColor.white}
fw={"bold"} fw={"bold"}
fz={fontSize ? fontSize : "sm"} fz={fontSize ? fontSize : "sm"}
lineClamp={1} lineClamp={1}

2
src/app_modules/_global/ui/ui_modal.tsx
View File

@@ -33,7 +33,7 @@ export default function UIGlobal_Modal({
}} }}
> >
<Stack> <Stack>
<Title order={6} color="white" align="center"> <Title order={6} color={MainColor.white} align="center">
{title} {title}
</Title> </Title>
<Group position="center"> <Group position="center">

5
src/app_modules/_global/ui/ui_splash.tsx
View File

@@ -2,16 +2,17 @@
import { Loader, Stack, ThemeIcon } from "@mantine/core"; import { Loader, Stack, ThemeIcon } from "@mantine/core";
import UIGlobal_LayoutDefault from "./ui_layout_default"; import UIGlobal_LayoutDefault from "./ui_layout_default";
import { MainColor } from "../color";
export default function UIGlobal_SplashScreen({ icon }: { icon: any }) { export default function UIGlobal_SplashScreen({ icon }: { icon: any }) {
return ( return (
<> <>
<UIGlobal_LayoutDefault> <UIGlobal_LayoutDefault>
<Stack h={"90vh"} align="center" justify="center" spacing={"xl"}> <Stack h={"90vh"} align="center" justify="center" spacing={"xl"}>
<ThemeIcon variant="transparent" size={300} c="white"> <ThemeIcon variant="transparent" size={300} c={MainColor.white}>
{icon} {icon}
</ThemeIcon> </ThemeIcon>
<Loader variant="dots" color="white" /> <Loader variant="dots" color={MainColor.white} />
</Stack> </Stack>
</UIGlobal_LayoutDefault> </UIGlobal_LayoutDefault>
</> </>

4
src/app_modules/crowd/main/view.tsx
View File

@@ -51,7 +51,7 @@ export default function MainCrowd() {
border: `2px solid ${AccentColor.blue}`, border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px", borderRadius: "10px",
backgroundColor: MainColor.darkblue, backgroundColor: MainColor.darkblue,
color: "white", color: MainColor.white,
// color: "gray", // color: "gray",
}} }}
onClick={() => { onClick={() => {
@@ -96,7 +96,7 @@ export default function MainCrowd() {
border: `2px solid ${AccentColor.blue}`, border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px", borderRadius: "10px",
backgroundColor: MainColor.darkblue, backgroundColor: MainColor.darkblue,
color: "white", color: MainColor.white,
}} }}
onClick={() => { onClick={() => {
setLoadingDon(true); setLoadingDon(true);

8
src/app_modules/event/component/box_list_status.tsx
View File

@@ -1,6 +1,6 @@
"use client"; "use client";
import { AccentColor } from "@/app_modules/_global/color/color_pallet"; import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { import {
ComponentGlobal_CardLoadingOverlay, ComponentGlobal_CardLoadingOverlay,
ComponentGlobal_CardStyles, ComponentGlobal_CardStyles,
@@ -33,17 +33,17 @@ export default function ComponentEvent_BoxListStatus({
> >
<Stack> <Stack>
<Group w={"100%"} position="apart" grow> <Group w={"100%"} position="apart" grow>
<Title order={5} lineClamp={1}> <Title color={MainColor.white} order={5} lineClamp={1}>
{data.title} {data.title}
</Title> </Title>
<Text align="right" fz={"sm"} lineClamp={1}> <Text c={MainColor.white} align="right" fz={"sm"} lineClamp={1}>
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "medium", dateStyle: "medium",
}).format(data.tanggal)} }).format(data.tanggal)}
</Text> </Text>
</Group> </Group>
<Text fz={"sm"} lineClamp={2}> <Text c={MainColor.white} fz={"sm"} lineClamp={2}>
{data.deskripsi} {data.deskripsi}
</Text> </Text>
</Stack> </Stack>

5
src/app_modules/event/component/card_view/card_beranda.tsx
View File

@@ -1,4 +1,5 @@
import { RouterEvent } from "@/app/lib/router_hipmi/router_event"; import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { MainColor } from "@/app_modules/_global/color";
import { import {
ComponentGlobal_AvatarAndUsername, ComponentGlobal_AvatarAndUsername,
ComponentGlobal_CardLoadingOverlay, ComponentGlobal_CardLoadingOverlay,
@@ -31,7 +32,7 @@ export function ComponentEvent_CardBeranda({ data }: { data: any }) {
}} }}
> >
<Group w={"100%"} position="apart" grow> <Group w={"100%"} position="apart" grow>
<Title order={5} lineClamp={1}> <Title c={MainColor.white} order={5} lineClamp={1}>
{data.title} {data.title}
</Title> </Title>
{/* <Text align="right" fz={"sm"} lineClamp={1}> {/* <Text align="right" fz={"sm"} lineClamp={1}>
@@ -41,7 +42,7 @@ export function ComponentEvent_CardBeranda({ data }: { data: any }) {
</Text> */} </Text> */}
</Group> </Group>
<Text fz={"sm"} lineClamp={2}> <Text c={MainColor.white} fz={"sm"} lineClamp={2}>
{data.deskripsi} {data.deskripsi}
</Text> </Text>
</Stack> </Stack>

29
src/app_modules/event/component/detail/detail_data.tsx
View File

@@ -3,6 +3,7 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component"; import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Grid, Stack, Text, Title } from "@mantine/core"; import { Grid, Stack, Text, Title } from "@mantine/core";
import { MODEL_EVENT } from "../../model/interface"; import { MODEL_EVENT } from "../../model/interface";
import { MainColor } from "@/app_modules/_global/color";
export default function ComponentEvent_DetailData({ export default function ComponentEvent_DetailData({
data, data,
@@ -13,42 +14,42 @@ export default function ComponentEvent_DetailData({
<> <>
<ComponentGlobal_CardStyles marginBottom={"16px"}> <ComponentGlobal_CardStyles marginBottom={"16px"}>
<Stack px={"sm"} spacing={"xl"}> <Stack px={"sm"} spacing={"xl"}>
<Title lineClamp={2} align="center" w={"100%"} order={4}> <Title color={MainColor.white} lineClamp={2} align="center" w={"100%"} order={4}>
{data ? data?.title : null} {data ? data?.title : null}
</Title> </Title>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Lokasi</Text> <Text c={MainColor.white} fw={"bold"}>Lokasi</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text>{data ? data?.lokasi : null}</Text> <Text c={MainColor.white}>{data ? data?.lokasi : null}</Text>
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Tipe Acara</Text> <Text c={MainColor.white} fw={"bold"}>Tipe Acara</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text>{data ? data.EventMaster_TipeAcara?.name : null}</Text> <Text c={MainColor.white}>{data ? data.EventMaster_TipeAcara?.name : null}</Text>
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Text fw={"bold"}>Tanggal & Waktu</Text> <Text c={MainColor.white} fw={"bold"}>Tanggal & Waktu</Text>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Mulai</Text> <Text c={MainColor.white} fw={"bold"}>Mulai</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text> <Text c={MainColor.white}>
{" "} {" "}
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "full", dateStyle: "full",
}).format(data?.tanggal)} }).format(data?.tanggal)}
,{" "} ,{" "}
<Text span inherit> <Text span inherit c={MainColor.white}>
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
timeStyle: "short", timeStyle: "short",
}).format(data?.tanggal)} }).format(data?.tanggal)}
@@ -58,17 +59,17 @@ export default function ComponentEvent_DetailData({
</Grid> </Grid>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Selesai</Text> <Text c={MainColor.white} fw={"bold"}>Selesai</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text> <Text c={MainColor.white}>
{" "} {" "}
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
dateStyle: "full", dateStyle: "full",
}).format(data?.tanggalSelesai)} }).format(data?.tanggalSelesai)}
,{" "} ,{" "}
<Text span inherit> <Text span inherit c={MainColor.white}>
{new Intl.DateTimeFormat("id-ID", { {new Intl.DateTimeFormat("id-ID", {
timeStyle: "short", timeStyle: "short",
}).format(data?.tanggalSelesai)} }).format(data?.tanggalSelesai)}
@@ -79,8 +80,8 @@ export default function ComponentEvent_DetailData({
</Stack> </Stack>
<Stack spacing={2}> <Stack spacing={2}>
<Text fw={"bold"}>Deskripsi</Text> <Text c={MainColor.white} fw={"bold"}>Deskripsi</Text>
<Text>{data ? data?.deskripsi : null}</Text> <Text c={MainColor.white}>{data ? data?.deskripsi : null}</Text>
</Stack> </Stack>
</Stack> </Stack>
</ComponentGlobal_CardStyles> </ComponentGlobal_CardStyles>

25
src/app_modules/event/component/detail/detail_main.tsx
View File

@@ -12,6 +12,7 @@ import { API_RouteEvent } from "@/app/lib/api_user_router/route_api_event";
import { Event_ComponentSkeletonDetail } from "../skeleton/comp_skeleton_detail"; import { Event_ComponentSkeletonDetail } from "../skeleton/comp_skeleton_detail";
import moment from "moment"; import moment from "moment";
import "moment/locale/id"; import "moment/locale/id";
import { MainColor } from "@/app_modules/_global/color";
export default function ComponentEvent_DetailMainData({ export default function ComponentEvent_DetailMainData({
eventId, eventId,
@@ -44,37 +45,37 @@ export default function ComponentEvent_DetailMainData({
/> />
<Stack spacing={"xl"}> <Stack spacing={"xl"}>
<Title align="center" order={4}> <Title color={MainColor.white} align="center" order={4}>
{data ? data.title : null} {data ? data.title : null}
</Title> </Title>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Lokasi</Text> <Text c={MainColor.white} fw={"bold"}>Lokasi</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text>{data ? data.lokasi : null}</Text> <Text c={MainColor.white}>{data ? data.lokasi : null}</Text>
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Tipe Acara</Text> <Text c={MainColor.white} fw={"bold"}>Tipe Acara</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text>{data ? data.EventMaster_TipeAcara.name : null}</Text> <Text c={MainColor.white}>{data ? data.EventMaster_TipeAcara.name : null}</Text>
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Text fw={"bold"}>Tanggal & Waktu</Text> <Text c={MainColor.white} fw={"bold"}>Tanggal & Waktu</Text>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Mulai</Text> <Text c={MainColor.white} fw={"bold"}>Mulai</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text> <Text c={MainColor.white}>
{moment( {moment(
data.tanggal?.toLocaleString("id-ID", { data.tanggal?.toLocaleString("id-ID", {
dateStyle: "full", dateStyle: "full",
@@ -85,11 +86,11 @@ export default function ComponentEvent_DetailMainData({
</Grid> </Grid>
<Grid> <Grid>
<Grid.Col span={4}> <Grid.Col span={4}>
<Text fw={"bold"}>Selesai</Text> <Text c={MainColor.white} fw={"bold"}>Selesai</Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={1}>:</Grid.Col> <Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text> <Text c={MainColor.white}>
{moment( {moment(
data.tanggalSelesai?.toLocaleString("id-ID", { data.tanggalSelesai?.toLocaleString("id-ID", {
dateStyle: "full", dateStyle: "full",
@@ -101,8 +102,8 @@ export default function ComponentEvent_DetailMainData({
</Stack> </Stack>
<Stack spacing={2}> <Stack spacing={2}>
<Text fw={"bold"}>Deskripsi</Text> <Text c={MainColor.white} fw={"bold"}>Deskripsi</Text>
<Text>{data ? data?.deskripsi : null}</Text> <Text c={MainColor.white}>{data ? data?.deskripsi : null}</Text>
</Stack> </Stack>
</Stack> </Stack>
</Stack> </Stack>

5
src/app_modules/event/component/detail/list_peserta.tsx
View File

@@ -34,6 +34,7 @@ import { API_RouteEvent } from "@/app/lib/api_user_router/route_api_event";
import Event_ComponentSkeletonListPeserta from "../skeleton/comp_skeleton_list_peserta"; import Event_ComponentSkeletonListPeserta from "../skeleton/comp_skeleton_list_peserta";
import { ScrollOnly } from "next-scroll-loader"; import { ScrollOnly } from "next-scroll-loader";
import { event_newGetListPesertaById } from "../../fun"; import { event_newGetListPesertaById } from "../../fun";
import { MainColor } from "@/app_modules/_global/color";
export default function ComponentEvent_ListPeserta({ export default function ComponentEvent_ListPeserta({
total, total,
@@ -74,12 +75,12 @@ export default function ComponentEvent_ListPeserta({
<ComponentGlobal_CardStyles> <ComponentGlobal_CardStyles>
<Stack spacing={"md"} px={"sm"}> <Stack spacing={"md"} px={"sm"}>
<Center> <Center>
<Title order={5}>Daftar Peserta ({total})</Title> <Title color={MainColor.white} order={5}>Daftar Peserta ({total})</Title>
</Center> </Center>
{_.isEmpty(data) ? ( {_.isEmpty(data) ? (
<Center> <Center>
<Text fz={"xs"} fw={"bold"}> <Text c={MainColor.white} fz={"xs"} fw={"bold"}>
- Tidak ada peserta - - Tidak ada peserta -
</Text> </Text>
</Center> </Center>

11
src/app_modules/event/component/skeleton/comp_skeleton_list_peserta.tsx
View File

@@ -1,5 +1,6 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component"; import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Stack, Center, Skeleton, Grid } from "@mantine/core"; import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Center, Grid, Stack } from "@mantine/core";
export default function Event_ComponentSkeletonListPeserta() { export default function Event_ComponentSkeletonListPeserta() {
return ( return (
@@ -7,20 +8,20 @@ export default function Event_ComponentSkeletonListPeserta() {
<ComponentGlobal_CardStyles> <ComponentGlobal_CardStyles>
<Stack spacing={"lg"}> <Stack spacing={"lg"}>
<Center> <Center>
<Skeleton height={20} width={"50%"} /> <CustomSkeleton height={20} width={"50%"} />
</Center> </Center>
<Stack> <Stack>
{Array.from(new Array(3)).map((e, i) => ( {Array.from(new Array(3)).map((e, i) => (
<Grid key={i} align="center"> <Grid key={i} align="center">
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton radius={"100%"} h={30} w={30} /> <CustomSkeleton radius={"100%"} h={30} w={30} />
</Grid.Col> </Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Skeleton h={20} w={"50%"} /> <CustomSkeleton h={20} w={"50%"} />
</Grid.Col> </Grid.Col>
<Grid.Col span={2}> <Grid.Col span={2}>
<Skeleton h={20} w={"50%"} /> <CustomSkeleton h={20} w={"50%"} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
))} ))}

49
src/app_modules/event/create/create.tsx
View File

@@ -15,6 +15,7 @@ import moment from "moment";
import { useState } from "react"; import { useState } from "react";
import { Event_ComponentCreateButton } from "../component"; import { Event_ComponentCreateButton } from "../component";
import ComponentEvent_ErrorMaximalInput from "../component/error_maksimal_input"; import ComponentEvent_ErrorMaximalInput from "../component/error_maksimal_input";
import { MainColor } from "@/app_modules/_global/color";
export default function Event_Create({ export default function Event_Create({
listTipeAcara, listTipeAcara,
@@ -47,8 +48,14 @@ export default function Event_Create({
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}} }}
label="Judul" label="Judul"
placeholder="Masukan judul" placeholder="Masukan judul"
@@ -64,8 +71,14 @@ export default function Event_Create({
<Select <Select
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}} }}
withAsterisk withAsterisk
label="Tipe Acara" label="Tipe Acara"
@@ -85,8 +98,14 @@ export default function Event_Create({
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}} }}
label="Lokasi" label="Lokasi"
placeholder="Masukan lokasi acara" placeholder="Masukan lokasi acara"
@@ -104,8 +123,14 @@ export default function Event_Create({
<DateTimePicker <DateTimePicker
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}} }}
excludeDate={(date) => { excludeDate={(date) => {
return moment(date).diff(Date.now(), "days") < 0; return moment(date).diff(Date.now(), "days") < 0;
@@ -144,8 +169,14 @@ export default function Event_Create({
<DateTimePicker <DateTimePicker
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}} }}
excludeDate={(date) => { excludeDate={(date) => {
return moment(date).diff(Date.now(), "days") < 0; return moment(date).diff(Date.now(), "days") < 0;
@@ -187,8 +218,14 @@ export default function Event_Create({
<Textarea <Textarea
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
required: {
color: MainColor.red,
},
input: {
backgroundColor: MainColor.white,
}
}} }}
label="Deskripsi" label="Deskripsi"
placeholder="Deskripsikan acara yang akan di selenggarakan" placeholder="Deskripsikan acara yang akan di selenggarakan"

4
src/app_modules/event/main/layout.tsx
View File

@@ -70,7 +70,7 @@ export default function LayoutEvent_Main({
<ActionIcon <ActionIcon
// disabled={e.path === "" ? true : false} // disabled={e.path === "" ? true : false}
variant="transparent" variant="transparent"
c={hotMenu === i ? MainColor.yellow : "white"} c={hotMenu === i ? MainColor.yellow : MainColor.white}
onClick={() => onClick={() =>
e.path === "" e.path === ""
? ComponentGlobal_NotifikasiPeringatan("Cooming Soon") ? ComponentGlobal_NotifikasiPeringatan("Cooming Soon")
@@ -80,7 +80,7 @@ export default function LayoutEvent_Main({
{e.icon} {e.icon}
</ActionIcon> </ActionIcon>
<Text <Text
c={hotMenu === i ? MainColor.yellow : "white"} c={hotMenu === i ? MainColor.yellow : MainColor.white}
fz={"xs"} fz={"xs"}
lineClamp={1} lineClamp={1}
> >

4
src/app_modules/event/main/riwayat/index.tsx
View File

@@ -71,11 +71,11 @@ export default function Event_Riwayat({
style={{ style={{
transition: "0.5s", transition: "0.5s",
backgroundColor: backgroundColor:
changeStatus === e.id ? MainColor.yellow : "white", changeStatus === e.id ? MainColor.yellow : MainColor.white,
border: border:
changeStatus === e.id changeStatus === e.id
? `1px solid ${AccentColor.yellow}` ? `1px solid ${AccentColor.yellow}`
: `1px solid white`, : `1px solid ${MainColor.white}`,
}} }}
> >
{e.label} {e.label}

2
src/app_modules/event/main/status_page/index.tsx
View File

@@ -61,7 +61,7 @@ export default function Event_StatusPage({
style={{ style={{
transition: "0.5s", transition: "0.5s",
backgroundColor: backgroundColor:
changeStatus === e.id ? MainColor.yellow : "white", changeStatus === e.id ? MainColor.yellow : MainColor.white,
border: border:
changeStatus === e.id changeStatus === e.id
? `1px solid ${AccentColor.yellow}` ? `1px solid ${AccentColor.yellow}`

9
src/app_modules/investasi/_component/main/com_card_beranda_new.tsx
View File

@@ -30,7 +30,7 @@ export function Investasi_ComponentCardBerandaNew({ data }: { data: IDataInvesta
</Grid.Col> </Grid.Col>
<Grid.Col span={6}> <Grid.Col span={6}>
<Stack> <Stack>
<Text fw={"bold"} align="center" lineClamp={2}> <Text c={MainColor.white} fw={"bold"} align="center" lineClamp={2}>
{data?.title} {data?.title}
</Text> </Text>
@@ -40,6 +40,7 @@ export function Investasi_ComponentCardBerandaNew({ data }: { data: IDataInvesta
color={MainColor.yellow} color={MainColor.yellow}
size="xl" size="xl"
radius="xl" radius="xl"
style={{ backgroundColor: MainColor.white }}
styles={{ styles={{
label: { color: MainColor.black }, label: { color: MainColor.black },
}} }}
@@ -84,15 +85,15 @@ export function Investasi_ComponentCardBerandaNew({ data }: { data: IDataInvesta
</Group> </Group>
) : ( ) : (
<Group position="right" spacing={"xs"}> <Group position="right" spacing={"xs"}>
<Text truncate>Sisa waktu:</Text> <Text c={MainColor.white} truncate>Sisa waktu:</Text>
<Text truncate> <Text c={MainColor.white} truncate>
{Number(data?.pencarianInvestor) - {Number(data?.pencarianInvestor) -
moment(new Date()).diff( moment(new Date()).diff(
new Date(data?.countDown), new Date(data?.countDown),
"days" "days"
)} )}
</Text> </Text>
<Text truncate>Hari</Text> <Text c={MainColor.white} truncate>Hari</Text>
</Group> </Group>
)} )}
</Box> </Box>

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

@@ -53,7 +53,7 @@ export function Investasi_ComponentFooterMain() {
<ActionIcon <ActionIcon
// disabled={e.path === "" ? true : false} // disabled={e.path === "" ? true : false}
variant="transparent" variant="transparent"
c={hotMenu === i ? MainColor.yellow : "white"} c={hotMenu === i ? MainColor.yellow : MainColor.white}
onClick={() => { onClick={() => {
router.push(e.route, { scroll: false }); router.push(e.route, { scroll: false });
setHotMenu(i); setHotMenu(i);
@@ -62,7 +62,7 @@ export function Investasi_ComponentFooterMain() {
{e.icon} {e.icon}
</ActionIcon> </ActionIcon>
<Text <Text
c={hotMenu === i ? MainColor.yellow : "white"} c={hotMenu === i ? MainColor.yellow : MainColor.white}
fz={"xs"} fz={"xs"}
lineClamp={1} lineClamp={1}
> >

7
src/app_modules/investasi/_view/main/skeleton_beranda.tsx
View File

@@ -1,5 +1,6 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component"; 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 SkeletonInvestasiBursa() { export default function SkeletonInvestasiBursa() {
return ( return (
@@ -8,7 +9,7 @@ export default function SkeletonInvestasiBursa() {
<ComponentGlobal_CardStyles key={index}> <ComponentGlobal_CardStyles key={index}>
<Grid> <Grid>
<Grid.Col span={6}> <Grid.Col span={6}>
<Skeleton w={"100%"} height={100} radius="md" /> <CustomSkeleton w={"100%"} height={100} radius="md" />
</Grid.Col> </Grid.Col>
<Grid.Col span={6}> <Grid.Col span={6}>
<Box> <Box>
@@ -16,7 +17,7 @@ export default function SkeletonInvestasiBursa() {
<Box key={i} py={5}> <Box key={i} py={5}>
<Grid align="center"> <Grid align="center">
<Grid.Col span={12}> <Grid.Col span={12}>
<Skeleton w={"100%"} h={23} /> <CustomSkeleton w={"100%"} h={23} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
</Box> </Box>

4
src/app_modules/katalog/portofolio/component/card_view_daftar.tsx
View File

@@ -34,7 +34,7 @@ export function ComponentPortofolio_DaftarBoxView({
> >
<Group position="apart"> <Group position="apart">
<Stack spacing={0} w={"80%"}> <Stack spacing={0} w={"80%"}>
<Text fw={"bold"} lineClamp={1} w={"80%"}> <Text c={MainColor.white} fw={"bold"} lineClamp={1} w={"80%"}>
{data?.namaBisnis} {data?.namaBisnis}
</Text> </Text>
<Text fz={10} c={MainColor.yellow}> <Text fz={10} c={MainColor.yellow}>
@@ -52,7 +52,7 @@ export function ComponentPortofolio_DaftarBoxView({
{/* GA PAKE LOADING */} {/* GA PAKE LOADING */}
<IconCaretRight color="white" size={25} /> <IconCaretRight color={MainColor.white} size={25} />
</Stack> </Stack>
</Group> </Group>
</Paper> </Paper>