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

Merge pull request #226 from bipproduction/Nico/05Jan2025

Browse Source 
Collaboration & Create Porotofolio
This commit is contained in:
Bagasbanuna02
2025-01-08 10:41:39 +08:00
committed by GitHub
parent 18bd4efed1 b1573af1b8
commit d02e253695
29 changed files with 368 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,8 @@ export const MainColor = {
white: "#D4D0D0", white: "#D4D0D0",
red: "#FF4B4C", red: "#FF4B4C",
orange: "#FF7043", orange: "#FF7043",
green: "#4CAF4F" green: "#4CAF4F",
login: "#EDEBEBFF"
}; };
export const AccentColor = { export const AccentColor = {

8
src/app_modules/_global/component/comp_load_image_landscape.tsx
View File

@@ -3,10 +3,12 @@
import { APIs } from "@/app/lib"; import { APIs } from "@/app/lib";
import { pathAssetImage } from "@/app/lib/path_asset_image"; import { pathAssetImage } from "@/app/lib/path_asset_image";
import { RouterImagePreview } from "@/app/lib"; import { RouterImagePreview } from "@/app/lib";
import { Center, Image, Skeleton } from "@mantine/core"; import { Center, Image } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks"; import { useShallowEffect } from "@mantine/hooks";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import { MainColor } from "../color";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export function ComponentGlobal_LoadImageLandscape({ export function ComponentGlobal_LoadImageLandscape({
fileId, fileId,
@@ -34,12 +36,12 @@ export function ComponentGlobal_LoadImageLandscape({
} }
} }
if (isImage === null) return <Skeleton h={200} w={"100%"} />; if (isImage === null) return <CustomSkeleton h={200} w={"100%"} />;
if (!isImage) if (!isImage)
return ( return (
<> <>
<Center h={200} bg={"white"} style={{ borderRadius: "5px" }}> <Center h={200} bg={MainColor.white} style={{ borderRadius: "5px", borderColor: MainColor.white }}>
<Image <Image
alt="No Image" alt="No Image"
maw={150} maw={150}

9
src/app_modules/auth/login/view.tsx
View File

@@ -18,6 +18,7 @@ import { useState } from "react";
import { PhoneInput } from "react-international-phone"; import { PhoneInput } from "react-international-phone";
import "react-international-phone/style.css"; import "react-international-phone/style.css";
export default function Login({ version }: { version: string }) { export default function Login({ version }: { version: string }) {
const router = useRouter(); const router = useRouter();
const [phone, setPhone] = useState(""); const [phone, setPhone] = useState("");
@@ -76,7 +77,13 @@ export default function Login({ version }: { version: string }) {
<Text c={MainColor.white}>Nomor telepon</Text> <Text c={MainColor.white}>Nomor telepon</Text>
</Center> </Center>
<PhoneInput <PhoneInput
inputStyle={{ width: "100%" }}
countrySelectorStyleProps={{
buttonStyle: {
backgroundColor: MainColor.login,
}
}}
inputStyle={{ width: "100%", backgroundColor: MainColor.login }}
defaultCountry="id" defaultCountry="id"
onChange={(val) => { onChange={(val) => {
setPhone(val); setPhone(val);

5
src/app_modules/colab/component/card_view/card_section_jumlah_partisipan.tsx
View File

@@ -1,5 +1,6 @@
"use client"; "use client";
import { MainColor } from "@/app_modules/_global/color";
import { Card, Center, Divider, Grid, Stack, Text } from "@mantine/core"; import { Card, Center, Divider, Grid, Stack, Text } from "@mantine/core";
export default function ComponentColab_JumlahPartisipan({ export default function ComponentColab_JumlahPartisipan({
@@ -15,12 +16,12 @@ export default function ComponentColab_JumlahPartisipan({
<Center> <Center>
<Grid> <Grid>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Text c={"white"} fz={"xs"} fw={"bold"}> <Text c={MainColor.white} fz={"xs"} fw={"bold"}>
{jumlah?.length ? jumlah?.length : 0} {jumlah?.length ? jumlah?.length : 0}
</Text> </Text>
</Grid.Col> </Grid.Col>
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Text c={"white"} fz={"xs"} fw={"bold"}> <Text c={MainColor.white} fz={"xs"} fw={"bold"}>
Partisipan Partisipan
</Text> </Text>
</Grid.Col> </Grid.Col>

8
src/app_modules/colab/component/card_view/crad_grup.tsx
View File

@@ -1,5 +1,5 @@
import { RouterColab } from "@/app/lib/router_hipmi/router_colab"; import { RouterColab } from "@/app/lib/router_hipmi/router_colab";
import { AccentColor } from "@/app_modules/_global/color/color_pallet"; import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import ComponentGlobal_Loader from "@/app_modules/_global/component/loader"; import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
import { Paper, Grid, Stack, Center, Loader, Text } from "@mantine/core"; import { Paper, Grid, Stack, Center, Loader, Text } from "@mantine/core";
import { IconChevronRight } from "@tabler/icons-react"; import { IconChevronRight } from "@tabler/icons-react";
@@ -17,7 +17,7 @@ export function ComponentColab_CardGrup({ data }: { data: any }) {
style={{ style={{
border: `2px solid ${AccentColor.blue}`, border: `2px solid ${AccentColor.blue}`,
backgroundColor: AccentColor.darkblue, backgroundColor: AccentColor.darkblue,
color: "white", color: MainColor.white,
borderRadius: "10px", borderRadius: "10px",
marginBottom: "20px", marginBottom: "20px",
padding: "15px", padding: "15px",
@@ -37,7 +37,7 @@ export function ComponentColab_CardGrup({ data }: { data: any }) {
<Text fw={"bold"} lineClamp={1}> <Text fw={"bold"} lineClamp={1}>
{data?.ProjectCollaboration_RoomChat?.name} {data?.ProjectCollaboration_RoomChat?.name}
</Text> </Text>
<Text fz={"xs"} c={"white"}> <Text fz={"xs"} >
{ {
data?.ProjectCollaboration_RoomChat data?.ProjectCollaboration_RoomChat
?.ProjectCollaboration_AnggotaRoomChat.length ?.ProjectCollaboration_AnggotaRoomChat.length
@@ -51,7 +51,7 @@ export function ComponentColab_CardGrup({ data }: { data: any }) {
{data?.ProjectCollaboration_RoomChat?.id === idRoom ? ( {data?.ProjectCollaboration_RoomChat?.id === idRoom ? (
<ComponentGlobal_Loader /> <ComponentGlobal_Loader />
) : ( ) : (
<IconChevronRight color="white" /> <IconChevronRight color={MainColor.white} />
)} )}
</Center> </Center>
</Grid.Col> </Grid.Col>

117
src/app_modules/colab/component/skeleton_view.tsx
View File

@@ -1,4 +1,5 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component"; import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Center, Grid, Group, Skeleton, Stack } from "@mantine/core"; import { Center, Grid, Group, Skeleton, Stack } from "@mantine/core";
export { export {
@@ -16,27 +17,27 @@ function Collaboration_SkeletonCreate() {
<> <>
<Stack px={"xl"} spacing={"md"}> <Stack px={"xl"} spacing={"md"}>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Skeleton height={15} width={50} /> <CustomSkeleton height={15} width={50} />
<Skeleton height={40} /> <CustomSkeleton height={40} />
</Stack> </Stack>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Skeleton height={15} width={50} /> <CustomSkeleton height={15} width={50} />
<Skeleton height={40} /> <CustomSkeleton height={40} />
</Stack> </Stack>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Skeleton height={15} width={50} /> <CustomSkeleton height={15} width={50} />
<Skeleton height={40} /> <CustomSkeleton height={40} />
</Stack> </Stack>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Skeleton height={15} width={50} /> <CustomSkeleton height={15} width={50} />
<Skeleton height={130} /> <CustomSkeleton height={130} />
</Stack> </Stack>
<Stack spacing={"xs"}> <Stack spacing={"xs"}>
<Skeleton height={15} width={50} /> <CustomSkeleton height={15} width={50} />
<Skeleton height={130} /> <CustomSkeleton height={130} />
</Stack> </Stack>
<Skeleton mt={50} height={40} radius={"xl"} /> <CustomSkeleton mt={50} height={40} radius={"xl"} />
</Stack> </Stack>
</> </>
); );
@@ -50,45 +51,45 @@ function Collaboration_SkeletonBeranda() {
<Stack spacing={"xl"}> <Stack spacing={"xl"}>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton circle height={40} /> <CustomSkeleton circle height={40} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={150} /> <CustomSkeleton height={20} w={150} />
</Grid.Col> </Grid.Col>
{/* <Grid.Col span={3} offset={3}> {/* <Grid.Col span={3} offset={3}>
<Skeleton height={20} w={150} /> <CustomSkeleton height={20} w={150} />
</Grid.Col> */} </Grid.Col> */}
</Grid> </Grid>
<Center> <Center>
<Skeleton height={15} w={200} /> <CustomSkeleton height={15} w={200} />
</Center> </Center>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton h={15} w={70} /> <CustomSkeleton h={15} w={70} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={15} w={200} /> <CustomSkeleton height={15} w={200} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton h={15} w={70} /> <CustomSkeleton h={15} w={70} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={15} w={200} /> <CustomSkeleton height={15} w={200} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Stack spacing={"md"}> <Stack spacing={"md"}>
<Skeleton height={15} w={150} /> <CustomSkeleton height={15} w={150} />
<Skeleton height={15} w={"100%"} /> <CustomSkeleton height={15} w={"100%"} />
<Skeleton height={15} w={"100%"} /> <CustomSkeleton height={15} w={"100%"} />
</Stack> </Stack>
<Center> <Center>
<Skeleton height={15} w={100} /> <CustomSkeleton height={15} w={100} />
</Center> </Center>
</Stack> </Stack>
</ComponentGlobal_CardStyles> </ComponentGlobal_CardStyles>
@@ -104,11 +105,11 @@ function Collaboration_SkeletonGrup() {
<ComponentGlobal_CardStyles marginBottom={"15px"} key={i}> <ComponentGlobal_CardStyles marginBottom={"15px"} key={i}>
<Group position="apart"> <Group position="apart">
<Stack> <Stack>
<Skeleton h={15} w={100} /> <CustomSkeleton h={15} w={100} />
<Skeleton h={15} w={50} /> <CustomSkeleton h={15} w={50} />
</Stack> </Stack>
<Skeleton circle height={20} /> <CustomSkeleton circle height={20} />
</Group> </Group>
</ComponentGlobal_CardStyles> </ComponentGlobal_CardStyles>
))} ))}
@@ -123,38 +124,38 @@ function Collaboration_SkeletonDetail() {
<Stack spacing={"xl"}> <Stack spacing={"xl"}>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton circle height={40} /> <CustomSkeleton circle height={40} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={150} /> <CustomSkeleton height={20} w={150} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Center> <Center>
<Skeleton height={20} w={200} /> <CustomSkeleton height={20} w={200} />
</Center> </Center>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton h={20} w={70} /> <CustomSkeleton h={20} w={70} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={200} /> <CustomSkeleton height={20} w={200} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton h={20} w={70} /> <CustomSkeleton h={20} w={70} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={200} /> <CustomSkeleton height={20} w={200} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Skeleton height={20} w={100} /> <CustomSkeleton height={20} w={100} />
<Skeleton height={20} w={"100%"} /> <CustomSkeleton height={20} w={"100%"} />
<Skeleton height={20} w={100} /> <CustomSkeleton height={20} w={100} />
<Skeleton height={20} w={"100%"} /> <CustomSkeleton height={20} w={"100%"} />
</Stack> </Stack>
</ComponentGlobal_CardStyles> </ComponentGlobal_CardStyles>
</> </>
@@ -168,16 +169,16 @@ function Collaboration_SkeletonListPrtisipanIsUser() {
<ComponentGlobal_CardStyles marginBottom={"0"}> <ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack> <Stack>
<Center> <Center>
<Skeleton h={20} w={100} /> <CustomSkeleton h={20} w={100} />
</Center> </Center>
{Array.from(new Array(2)).map((e, i) => ( {Array.from(new Array(2)).map((e, i) => (
<Grid align="center" gutter={"md"} key={i}> <Grid align="center" gutter={"md"} key={i}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton circle height={40} /> <CustomSkeleton circle height={40} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={150} /> <CustomSkeleton height={20} w={150} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
))} ))}
@@ -193,21 +194,21 @@ function Collaboration_SkeletonListPartisipan() {
<> <>
<Stack> <Stack>
<Center> <Center>
<Skeleton h={40} w={150} radius={"xl"} /> <CustomSkeleton h={40} w={150} radius={"xl"} />
</Center> </Center>
<ComponentGlobal_CardStyles marginBottom={"0"}> <ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack> <Stack>
<Center> <Center>
<Skeleton h={20} w={100} /> <CustomSkeleton h={20} w={100} />
</Center> </Center>
{Array.from(new Array(2)).map((e, i) => ( {Array.from(new Array(2)).map((e, i) => (
<Grid align="center" gutter={"md"} key={i}> <Grid align="center" gutter={"md"} key={i}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton circle height={40} /> <CustomSkeleton circle height={40} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={150} /> <CustomSkeleton height={20} w={150} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
))} ))}
@@ -225,47 +226,47 @@ function Collaboration_SkeletonDetailInfoGroup() {
<ComponentGlobal_CardStyles marginBottom={"0"}> <ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack spacing={"xl"}> <Stack spacing={"xl"}>
<Center> <Center>
<Skeleton height={20} w={200} /> <CustomSkeleton height={20} w={200} />
</Center> </Center>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton h={20} w={70} /> <CustomSkeleton h={20} w={70} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={200} /> <CustomSkeleton height={20} w={200} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Grid align="center" gutter={"md"}> <Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton h={20} w={70} /> <CustomSkeleton h={20} w={70} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={200} /> <CustomSkeleton height={20} w={200} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
<Skeleton height={20} w={100} /> <CustomSkeleton height={20} w={100} />
<Skeleton height={20} w={"100%"} /> <CustomSkeleton height={20} w={"100%"} />
<Skeleton height={20} w={"100%"} /> <CustomSkeleton height={20} w={"100%"} />
<Skeleton height={20} w={100} /> <CustomSkeleton height={20} w={100} />
<Skeleton height={20} w={"100%"} /> <CustomSkeleton height={20} w={"100%"} />
<Skeleton height={20} w={"100%"} /> <CustomSkeleton height={20} w={"100%"} />
</Stack> </Stack>
</ComponentGlobal_CardStyles> </ComponentGlobal_CardStyles>
<ComponentGlobal_CardStyles marginBottom={"0"}> <ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack> <Stack>
<Skeleton h={20} w={100} /> <CustomSkeleton h={20} w={100} />
{Array.from(new Array(2)).map((e, i) => ( {Array.from(new Array(2)).map((e, i) => (
<Grid align="center" gutter={"md"} key={i}> <Grid align="center" gutter={"md"} key={i}>
<Grid.Col span={"content"}> <Grid.Col span={"content"}>
<Skeleton circle height={40} /> <CustomSkeleton circle height={40} />
</Grid.Col> </Grid.Col>
<Grid.Col span={3}> <Grid.Col span={3}>
<Skeleton height={20} w={150} /> <CustomSkeleton height={20} w={150} />
</Grid.Col> </Grid.Col>
</Grid> </Grid>
))} ))}

38
src/app_modules/colab/create/index.tsx
View File

@@ -66,9 +66,9 @@ export default function Colab_Create() {
<TextInput <TextInput
maxLength={100} maxLength={100}
styles={{ styles={{
label: { label: { color: MainColor.white },
color: "white", input: { backgroundColor: MainColor.white },
}, required: { color: MainColor.red },
}} }}
label="Judul" label="Judul"
withAsterisk withAsterisk
@@ -83,9 +83,9 @@ export default function Colab_Create() {
<TextInput <TextInput
styles={{ styles={{
label: { label: { color: MainColor.white },
color: "white", input: { backgroundColor: MainColor.white },
}, required: { color: MainColor.red },
}} }}
maxLength={100} maxLength={100}
label="Lokasi" label="Lokasi"
@@ -101,9 +101,10 @@ export default function Colab_Create() {
<Select <Select
styles={{ styles={{
label: { label: { color: MainColor.white },
color: "white", input: { backgroundColor: MainColor.white },
}, required: { color: MainColor.red },
dropdown: { backgroundColor: MainColor.white },
}} }}
placeholder="Pilih kategori industri" placeholder="Pilih kategori industri"
label="Pilih Industri" label="Pilih Industri"
@@ -123,9 +124,9 @@ export default function Colab_Create() {
<Stack spacing={5}> <Stack spacing={5}>
<Textarea <Textarea
styles={{ styles={{
label: { label: { color: MainColor.white },
color: "white", input: { backgroundColor: MainColor.white },
}, required: { color: MainColor.red },
}} }}
maxLength={500} maxLength={500}
label="Tujuan Proyek" label="Tujuan Proyek"
@@ -148,9 +149,8 @@ export default function Colab_Create() {
<Stack spacing={5}> <Stack spacing={5}>
<Textarea <Textarea
styles={{ styles={{
label: { label: { color: MainColor.white },
color: "white", input: { backgroundColor: MainColor.white },
},
}} }}
maxLength={500} maxLength={500}
label="Keuntungan " label="Keuntungan "
@@ -210,10 +210,10 @@ function ButtonAction({ value }: { value: any }) {
<Button <Button
disabled={ disabled={
!value.title || !value.title ||
!value.lokasi || !value.lokasi ||
!value.purpose || !value.purpose ||
!value.benefit || !value.benefit ||
value.projectCollaborationMaster_IndustriId === 0 value.projectCollaborationMaster_IndustriId === 0
? true ? true
: false : false
} }

17
src/app_modules/colab/detail/group/index.tsx
View File

@@ -229,13 +229,13 @@ export default function Colab_GroupChatView({
{loadingBack ? ( {loadingBack ? (
<ComponentGlobal_Loader /> <ComponentGlobal_Loader />
) : ( ) : (
<IconChevronLeft color="white" /> <IconChevronLeft color={MainColor.white} />
)} )}
</ActionIcon> </ActionIcon>
</Grid.Col> </Grid.Col>
<Grid.Col span={8}> <Grid.Col span={8}>
<Center> <Center>
<Title c={"white"} order={5} lineClamp={1}> <Title color={MainColor.white} order={5} lineClamp={1}>
{selectRoom?.name} {selectRoom?.name}
</Title> </Title>
</Center> </Center>
@@ -255,7 +255,7 @@ export default function Colab_GroupChatView({
{loadingInfo ? ( {loadingInfo ? (
<ComponentGlobal_Loader /> <ComponentGlobal_Loader />
) : ( ) : (
<IconInfoSquareRounded color="white" /> <IconInfoSquareRounded color={MainColor.white} />
)} )}
</ActionIcon> </ActionIcon>
</Group> </Group>
@@ -380,10 +380,11 @@ export default function Colab_GroupChatView({
> >
KIzRIM PESAN KIzRIM PESAN
</Button> */} </Button> */}
<Stack justify="center" h={"100%"} px={"sm"}> <Stack justify="center" h={"100%"} px={"sm"}>
<Grid align="center"> <Grid align="center">
<Grid.Col span={"auto"}> <Grid.Col span={"auto"}>
<Textarea <Textarea
styles={{ input: { backgroundColor: MainColor.white} }}
minRows={1} minRows={1}
radius={"md"} radius={"md"}
placeholder="Ketik pesan anda..." placeholder="Ketik pesan anda..."
@@ -395,8 +396,12 @@ export default function Colab_GroupChatView({
<ActionIcon <ActionIcon
disabled={msg === "" ? true : false} disabled={msg === "" ? true : false}
variant="filled" variant="filled"
bg={AccentColor.softblue} styles={{
color={"cyan"} root: {
backgroundColor: MainColor.white,
},
}}
color={MainColor.darkblue}
radius={"xl"} radius={"xl"}
size={"xl"} size={"xl"}
onClick={() => { onClick={() => {

7
src/app_modules/colab/detail/proyek/saya/index.tsx
View File

@@ -127,7 +127,7 @@ function CheckBoxPartisipan() {
<Stack spacing={5}> <Stack spacing={5}>
<Text c={"red"} fz={10}> <Text c={"red"} fz={10}>
* *
<Text px={"xs"} span inherit c={"white"}> <Text px={"xs"} span inherit c={MainColor.white}>
Pilih user yang akan menjadi tim proyek anda Pilih user yang akan menjadi tim proyek anda
</Text> </Text>
</Text> </Text>
@@ -274,12 +274,13 @@ function ButtonAction({ value }: { value: string[] }) {
> >
<Stack> <Stack>
<Group position="apart"> <Group position="apart">
<Title order={6}>Nama Grup Diskusi</Title> <Title c={MainColor.white} order={6}>Nama Grup Diskusi</Title>
<ActionIcon onClick={close} variant="transparent"> <ActionIcon onClick={close} variant="transparent">
<IconX color="white" /> <IconX color={MainColor.white} />
</ActionIcon> </ActionIcon>
</Group> </Group>
<TextInput <TextInput
styles={{ input: { backgroundColor: MainColor.white } }}
placeholder="Masukan nama grup diskusi .." placeholder="Masukan nama grup diskusi .."
radius={"xl"} radius={"xl"}
onChange={(val) => { onChange={(val) => {

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

@@ -60,7 +60,7 @@ export default function LayoutColab_Main({
<ActionIcon <ActionIcon
// disabled={e.path === "" ? true : false} // disabled={e.path === "" ? true : false}
variant="transparent" variant="transparent"
c={hotMenu === e.id ? MainColor.yellow : "white"} c={hotMenu === e.id ? MainColor.yellow : MainColor.white}
onClick={() => { onClick={() => {
router.replace(e.path, { scroll: false }); router.replace(e.path, { scroll: false });
setHotMenu(e.id); setHotMenu(e.id);
@@ -69,7 +69,7 @@ export default function LayoutColab_Main({
{e.icon} {e.icon}
</ActionIcon> </ActionIcon>
<Text <Text
c={hotMenu === e.id ? MainColor.yellow : "white"} c={hotMenu === e.id ? MainColor.yellow : MainColor.white}
fz={"xs"} fz={"xs"}
lineClamp={1} lineClamp={1}
> >

6
src/app_modules/colab/main/proyek/index.tsx
View File

@@ -52,15 +52,15 @@ export default function Colab_Proyek() {
key={e.id} key={e.id}
value={e.value} value={e.value}
fw={"bold"} fw={"bold"}
c={"black"}
style={{ style={{
transition: "0.5s", transition: "0.5s",
color: activeTab === e.value ? MainColor.darkblue : MainColor.black,
backgroundColor: backgroundColor:
activeTab === e.value ? MainColor.yellow : "white", activeTab === e.value ? MainColor.yellow : MainColor.white,
border: border:
activeTab === e.value activeTab === e.value
? `1px solid ${AccentColor.yellow}` ? `1px solid ${AccentColor.yellow}`
: `1px solid white`, : `1px solid ${MainColor.white}`,
}} }}
> >
<Stack align="center" justify="center" spacing={0}> <Stack align="center" justify="center" spacing={0}>

4
src/app_modules/donasi/component/button/comp_button_delete_donasi_by_id.tsx
View File

@@ -13,6 +13,7 @@ import {
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { gs_donasi_tabs_posting } from "../../global_state"; import { gs_donasi_tabs_posting } from "../../global_state";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
export function Donasi_ComponentButtonDeleteDonasiById({ export function Donasi_ComponentButtonDeleteDonasiById({
donasiId, donasiId,
@@ -60,7 +61,8 @@ export function Donasi_ComponentButtonDeleteDonasiById({
<> <>
<Button <Button
radius={"xl"} radius={"xl"}
color="red" style={{ backgroundColor: MainColor.red }}
c={AccentColor.white}
onClick={() => { onClick={() => {
setOpenModal(true); setOpenModal(true);
}} }}

4
src/app_modules/donasi/component/card_view/card_invoice_new.tsx
View File

@@ -1,5 +1,5 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi"; import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { AccentColor } from "@/app_modules/_global/color/color_pallet"; import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { ComponentGlobal_LoadImageCustom } from "@/app_modules/_global/component"; import { ComponentGlobal_LoadImageCustom } from "@/app_modules/_global/component";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal"; import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
import { Badge, Card, Grid, Group, Progress, Stack, Text } from "@mantine/core"; import { Badge, Card, Grid, Group, Progress, Stack, Text } from "@mantine/core";
@@ -36,7 +36,7 @@ export function ComponentDonasi_CardInvoiceNew({ data, }: { data: IDataAllDonasi
padding: "15px", padding: "15px",
cursor: "pointer", cursor: "pointer",
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
marginBottom: "15px", marginBottom: "15px",
}} }}
onClick={() => onCekInvoice()} onClick={() => onCekInvoice()}

4
src/app_modules/donasi/component/detail_main/cerita_penggalang.tsx
View File

@@ -25,7 +25,7 @@ export default function ComponentDonasi_CeritaPenggalangMain({
<Stack <Stack
spacing={"xs"} spacing={"xs"}
style={{ style={{
color: "white", color: MainColor.white,
}} }}
> >
<Title order={4}>Cerita Penggalang Dana</Title> <Title order={4}>Cerita Penggalang Dana</Title>
@@ -35,7 +35,7 @@ export default function ComponentDonasi_CeritaPenggalangMain({
backgroundColor: AccentColor.darkblue, backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`, border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
<Stack> <Stack>

4
src/app_modules/donasi/component/detail_main/cerita_penggalang_new.tsx
View File

@@ -43,7 +43,7 @@ export default function ComponentDonasi_CeritaPenggalangMainNew() {
<Stack <Stack
spacing={"xs"} spacing={"xs"}
style={{ style={{
color: "white", color: MainColor.white,
}} }}
> >
<Title order={4}>Cerita Penggalang Dana</Title> <Title order={4}>Cerita Penggalang Dana</Title>
@@ -53,7 +53,7 @@ export default function ComponentDonasi_CeritaPenggalangMainNew() {
backgroundColor: AccentColor.darkblue, backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`, border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
{ {

4
src/app_modules/donasi/component/detail_main/informasi_penggalang_new.tsx
View File

@@ -41,7 +41,7 @@ export default function ComponentDonasi_InformasiPenggalangMainNew() {
<Stack <Stack
spacing={"xs"} spacing={"xs"}
style={{ style={{
color: "white", color: MainColor.white,
}} }}
> >
<Title order={4}>Informasi Penggalang Dana</Title> <Title order={4}>Informasi Penggalang Dana</Title>
@@ -51,7 +51,7 @@ export default function ComponentDonasi_InformasiPenggalangMainNew() {
backgroundColor: AccentColor.darkblue, backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`, border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
{ {

36
src/app_modules/donasi/create/create_cerita_penggalang.tsx
View File

@@ -142,7 +142,13 @@ export default function CreateCeritaPenggalangDonasi({
<Textarea <Textarea
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}, },
}} }}
autosize autosize
@@ -169,7 +175,13 @@ export default function CreateCeritaPenggalangDonasi({
<Textarea <Textarea
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}, },
}} }}
autosize autosize
@@ -205,8 +217,8 @@ export default function CreateCeritaPenggalangDonasi({
</AspectRatio> </AspectRatio>
) : ( ) : (
<Stack justify="center" align="center" h={"100%"}> <Stack justify="center" align="center" h={"100%"}>
<IconUpload color="white" /> <IconUpload color={MainColor.white} />
<Text fz={10} fs={"italic"} c={"white"} fw={"bold"}> <Text fz={10} fs={"italic"} c={MainColor.white} fw={"bold"}>
Upload Gambar Upload Gambar
</Text> </Text>
</Stack> </Stack>
@@ -251,7 +263,13 @@ export default function CreateCeritaPenggalangDonasi({
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}, },
}} }}
withAsterisk withAsterisk
@@ -268,7 +286,13 @@ export default function CreateCeritaPenggalangDonasi({
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
},
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}, },
}} }}
withAsterisk withAsterisk

42
src/app_modules/donasi/create/create_donasi_new.tsx
View File

@@ -105,8 +105,17 @@ export default function CreateDonasiNew() {
<Select <Select
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white
}
}} }}
label="Kategori" label="Kategori"
placeholder={loadingMaster ? "Loading..." : "Pilih kategori penggalangan dana"} placeholder={loadingMaster ? "Loading..." : "Pilih kategori penggalangan dana"}
@@ -127,8 +136,14 @@ export default function CreateDonasiNew() {
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}} }}
withAsterisk withAsterisk
label="Judul Donasi" label="Judul Donasi"
@@ -141,8 +156,14 @@ export default function CreateDonasiNew() {
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}} }}
icon={<Text fw={"bold"}>Rp.</Text>} icon={<Text fw={"bold"}>Rp.</Text>}
min={0} min={0}
@@ -175,8 +196,17 @@ export default function CreateDonasiNew() {
<Select <Select
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white
}
}} }}
label="Durasi" label="Durasi"
placeholder={loadingMaster ? "Loading..." : "Jangka waktu penggalangan dana"} placeholder={loadingMaster ? "Loading..." : "Jangka waktu penggalangan dana"}
@@ -202,8 +232,8 @@ export default function CreateDonasiNew() {
</AspectRatio> </AspectRatio>
) : ( ) : (
<Stack justify="center" align="center" h={"100%"}> <Stack justify="center" align="center" h={"100%"}>
<IconUpload color="white" /> <IconUpload color={MainColor.white} />
<Text fz={10} fs={"italic"} c={"white"} fw={"bold"}> <Text fz={10} fs={"italic"} c={MainColor.white} fw={"bold"}>
Upload Gambar Upload Gambar
</Text> </Text>
</Stack> </Stack>

14
src/app_modules/donasi/detail/detail_draft/index.tsx
View File

@@ -16,6 +16,7 @@ import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
import { MODEL_DONASI } from "../../model/interface"; import { MODEL_DONASI } from "../../model/interface";
import { IRealtimeData } from "@/app/lib/global_state"; import { IRealtimeData } from "@/app/lib/global_state";
import { WibuRealtime } from "wibu-pkg"; import { WibuRealtime } from "wibu-pkg";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
export default function DetailDraftDonasi({ export default function DetailDraftDonasi({
dataDonasi, dataDonasi,
@@ -92,8 +93,10 @@ function ButtonAjukanPenggalangan({
<> <>
<Button <Button
radius={"xl"} radius={"xl"}
bg={"orange"} style={{
color="orange" backgroundColor: AccentColor.yellow
}}
c={MainColor.darkblue}
onClick={() => setOpenModal(true)} onClick={() => setOpenModal(true)}
> >
Ajukan Kembali Ajukan Kembali
@@ -104,20 +107,19 @@ function ButtonAjukanPenggalangan({
opened={openModal} opened={openModal}
close={() => setOpenModal(false)} close={() => setOpenModal(false)}
buttonKiri={ buttonKiri={
<Button style={{ color: "black"}} radius={"xl"} onClick={() => setOpenModal(false)}> <Button c={AccentColor.white} radius={"xl"} onClick={() => setOpenModal(false)}>
Batal Batal
</Button> </Button>
} }
buttonKanan={ buttonKanan={
<Button <Button
style={{ style={{
color: "black" backgroundColor: AccentColor.yellow
}} }}
loaderPosition="center" loaderPosition="center"
loading={isLoading} loading={isLoading}
radius={"xl"} radius={"xl"}
bg={"orange"} c={MainColor.darkblue}
color="orange"
onClick={() => onChangeStatus()} onClick={() => onChangeStatus()}
> >
Ajukan Ajukan

12
src/app_modules/donasi/detail/detail_reject/index.tsx
View File

@@ -17,6 +17,7 @@ import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/ce
import { Donasi_funDeleteDonasiById } from "../../fun/delete/fin_delete_donasi_by_id"; import { Donasi_funDeleteDonasiById } from "../../fun/delete/fin_delete_donasi_by_id";
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status"; import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
import { MODEL_DONASI } from "../../model/interface"; import { MODEL_DONASI } from "../../model/interface";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
export default function DetailRejectDonasi({ export default function DetailRejectDonasi({
dataReject, dataReject,
@@ -104,16 +105,16 @@ function ButtonAction({
<Group grow> <Group grow>
<Button <Button
radius={"xl"} radius={"xl"}
bg={"orange"} style={{ backgroundColor: AccentColor.yellow}}
color="orange" c={MainColor.darkblue}
onClick={() => setOpenModalEdit(true)} onClick={() => setOpenModalEdit(true)}
> >
Edit Kembali Edit Kembali
</Button> </Button>
<Button <Button
radius={"xl"} radius={"xl"}
bg={"red"} style={{ backgroundColor: MainColor.red }}
color="red" c={AccentColor.white}
onClick={() => setOpenModalDelete(true)} onClick={() => setOpenModalDelete(true)}
> >
Hapus Donasi Hapus Donasi
@@ -134,8 +135,9 @@ function ButtonAction({
<Button <Button
loaderPosition="center" loaderPosition="center"
loading={isLoadingEdit} loading={isLoadingEdit}
style={{ backgroundColor: AccentColor.yellow }}
radius={"xl"} radius={"xl"}
color="orange" c={MainColor.darkblue}
onClick={() => onChangeStatus()} onClick={() => onChangeStatus()}
> >
Edit Edit

12
src/app_modules/donasi/detail/detail_review/index.tsx
View File

@@ -16,6 +16,7 @@ import { MODEL_DONASI } from "../../model/interface";
import { donasi_checkStatus } from "../../fun"; import { donasi_checkStatus } from "../../fun";
import { WibuRealtime } from "wibu-pkg"; import { WibuRealtime } from "wibu-pkg";
import { IRealtimeData } from "@/app/lib/global_state"; import { IRealtimeData } from "@/app/lib/global_state";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
export default function DetailReviewDonasi({ export default function DetailReviewDonasi({
dataDonasi, dataDonasi,
@@ -95,10 +96,11 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
mt={"lg"} mt={"lg"}
style={{ style={{
transition: "0.5s", transition: "0.5s",
backgroundColor: MainColor.orange
}} }}
radius={"xl"} radius={"xl"}
bg={"orange"}
color="orange" c={MainColor.darkblue}
onClick={() => setOpenModal(true)} onClick={() => setOpenModal(true)}
> >
Batalkan Review Batalkan Review
@@ -109,17 +111,17 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
opened={openModal} opened={openModal}
close={() => setOpenModal(false)} close={() => setOpenModal(false)}
buttonKiri={ buttonKiri={
<Button style={{ color: "black" }} radius={"xl"} onClick={() => setOpenModal(false)}> <Button c={AccentColor.white} radius={"xl"} onClick={() => setOpenModal(false)}>
Batal Batal
</Button> </Button>
} }
buttonKanan={ buttonKanan={
<Button <Button
style={{ color: "black" }} style={{ backgroundColor: AccentColor.yellow }}
loaderPosition="center" loaderPosition="center"
loading={isLoading ? true : false} loading={isLoading ? true : false}
radius={"xl"} radius={"xl"}
color="orange" c={MainColor.darkblue}
onClick={() => { onClick={() => {
onChangeStatus(); onChangeStatus();
}} }}

7
src/app_modules/donasi/main/galang_dana/ui_galang_dana_new.tsx
View File

@@ -57,15 +57,16 @@ export default function GalangDanaDonasiNew() {
key={e.id} key={e.id}
value={e.id} value={e.id}
fw={"bold"} fw={"bold"}
c={"black"}
style={{ style={{
transition: "0.5s", transition: "0.5s",
color:
param.id === e.id ? MainColor.darkblue : MainColor.black,
backgroundColor: backgroundColor:
param.id === e.id ? MainColor.yellow : "white", param.id === e.id ? MainColor.yellow : MainColor.white,
border: border:
param.id === e.id param.id === e.id
? `1px solid ${AccentColor.yellow}` ? `1px solid ${AccentColor.yellow}`
: `1px solid white`, : `1px solid ${MainColor.white}`,
}} }}
> >
{e.name} {e.name}

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

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

10
src/app_modules/donasi/proses_donasi/proses_transaksi/index.tsx
View File

@@ -88,7 +88,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px", padding: "15px",
cursor: "pointer", cursor: "pointer",
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
<Stack spacing={"md"}> <Stack spacing={"md"}>
@@ -99,7 +99,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px", padding: "15px",
cursor: "pointer", cursor: "pointer",
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
<Stack align="center" justify="center"> <Stack align="center" justify="center">
@@ -121,7 +121,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px", padding: "15px",
cursor: "pointer", cursor: "pointer",
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
<Paper <Paper
@@ -131,7 +131,7 @@ export default function Donasi_ProsesTransaksi({
padding: "15px", padding: "15px",
cursor: "pointer", cursor: "pointer",
borderRadius: "10px", borderRadius: "10px",
color: "white", color: MainColor.white,
}} }}
> >
<Group position="center"> <Group position="center">
@@ -152,7 +152,7 @@ export default function Donasi_ProsesTransaksi({
target="_blank" target="_blank"
href={`https://wa.me/+${nomorAdmin.nomor}?text=Hallo Admin , Saya ada kendala dalam proses transfer donasi!`} href={`https://wa.me/+${nomorAdmin.nomor}?text=Hallo Admin , Saya ada kendala dalam proses transfer donasi!`}
> >
<IconBrandWhatsapp size={40} color={Warna.hijau_cerah} /> <IconBrandWhatsapp size={40} color={MainColor.green} />
</Link> </Link>
</Group> </Group>
</Paper> </Paper>

9
src/app_modules/investasi/_view/detail/portofolio/view_detail_reject.tsx
View File

@@ -1,6 +1,7 @@
"use client"; "use client";
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi"; import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information"; import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
import { funGlobal_DeleteFileById } from "@/app_modules/_global/fun"; import { funGlobal_DeleteFileById } from "@/app_modules/_global/fun";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil"; import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
@@ -119,9 +120,9 @@ export default function Investasi_ViewDetailReject({
{/* Tombol Ajukan */} {/* Tombol Ajukan */}
<Button <Button
radius={"xl"} radius={"xl"}
bg={"orange.7"} style={{ backgroundColor: AccentColor.yellow }}
color="yellow"
onClick={() => onAjukan()} onClick={() => onAjukan()}
c={MainColor.darkblue}
> >
Edit Kembali Edit Kembali
</Button> </Button>
@@ -129,8 +130,8 @@ export default function Investasi_ViewDetailReject({
{/* Tombol Hapus */} {/* Tombol Hapus */}
<Button <Button
radius={"xl"} radius={"xl"}
bg={"red.7"} style={{ backgroundColor: MainColor.red }}
color="red" c={AccentColor.white}
onClick={() => setOpenModal(true)} onClick={() => setOpenModal(true)}
> >
Hapus Hapus

13
src/app_modules/investasi/_view/edit/skeleton_edit_investasi.tsx
View File

@@ -1,20 +1,21 @@
import { Box, Skeleton, Stack } from "@mantine/core"; import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Box, Stack } from "@mantine/core";
export default function SkeletonEditInvestasi() { export default function SkeletonEditInvestasi() {
return ( return (
<> <>
<Box> <Box>
<Stack align="center" mb={40}> <Stack align="center" mb={40}>
<Skeleton height={40} width={"100%"} /> <CustomSkeleton height={40} width={"100%"} />
<Skeleton height={300} width={"100%"} my={"xs"} /> <CustomSkeleton height={300} width={"100%"} my={"xs"} />
<Skeleton height={40} width={"40%"} radius={"lg"} /> <CustomSkeleton height={40} width={"40%"} radius={"lg"} />
</Stack> </Stack>
<Stack align="center"> <Stack align="center">
{[...Array(5)].map((_, index) => ( {[...Array(5)].map((_, index) => (
<Skeleton key={index} height={40} width={"100%"} my={"xs"} /> <CustomSkeleton key={index} height={40} width={"100%"} my={"xs"} />
))} ))}
<Skeleton height={40} width={"100%"} radius={"lg"} mt={30} /> <CustomSkeleton height={40} width={"100%"} radius={"lg"} mt={30} />
</Stack> </Stack>
</Box> </Box>

73
src/app_modules/investasi/_view/edit/vew_edit_investasi_new.tsx
View File

@@ -158,8 +158,14 @@ export function Investasi_ViewEditInvestasiNew() {
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}} }}
withAsterisk withAsterisk
label="Judul Investasi" label="Judul Investasi"
@@ -177,8 +183,14 @@ export function Investasi_ViewEditInvestasiNew() {
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}} }}
icon={<Text fw={"bold"}>Rp.</Text>} icon={<Text fw={"bold"}>Rp.</Text>}
min={0} min={0}
@@ -213,8 +225,14 @@ export function Investasi_ViewEditInvestasiNew() {
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}} }}
icon={<Text fw={"bold"}>Rp.</Text>} icon={<Text fw={"bold"}>Rp.</Text>}
min={0} min={0}
@@ -258,20 +276,28 @@ export function Investasi_ViewEditInvestasiNew() {
readOnly readOnly
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: { input: {
backgroundColor: "whitesmoke", backgroundColor: MainColor.white
}, },
required: {
color: MainColor.red
}
}} }}
/> />
<TextInput <TextInput
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
}
}} }}
rightSection={ rightSection={
<Text fw={"bold"} c={"gray"}> <Text fw={"bold"} c={"gray"}>
@@ -294,8 +320,17 @@ export function Investasi_ViewEditInvestasiNew() {
<Select <Select
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white,
}
}} }}
withAsterisk withAsterisk
label="Pencarian Investor" label="Pencarian Investor"
@@ -316,8 +351,17 @@ export function Investasi_ViewEditInvestasiNew() {
<Select <Select
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white,
}
}} }}
withAsterisk withAsterisk
label="Periode Deviden" label="Periode Deviden"
@@ -335,8 +379,17 @@ export function Investasi_ViewEditInvestasiNew() {
<Select <Select
styles={{ styles={{
label: { label: {
color: "white", color: MainColor.white,
}, },
input: {
backgroundColor: MainColor.white
},
required: {
color: MainColor.red
},
dropdown: {
backgroundColor: MainColor.white,
}
}} }}
withAsterisk withAsterisk
label="Pembagian Deviden" label="Pembagian Deviden"

88
src/app_modules/katalog/portofolio/create/view.tsx
View File

@@ -71,12 +71,12 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
// required: { required: {
// color: MainColor.red, color: MainColor.red,
// }, },
}} }}
withAsterisk withAsterisk
label="Nama Bisnis" label="Nama Bisnis"
@@ -94,12 +94,15 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
// required: { required: {
// color: MainColor.red, color: MainColor.red,
// }, },
dropdown: {
backgroundColor: MainColor.white
}
}} }}
withAsterisk withAsterisk
label="Bidang Bisnis" label="Bidang Bisnis"
@@ -121,12 +124,12 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
// required: { required: {
// color: MainColor.red, color: MainColor.red,
// }, },
}} }}
withAsterisk withAsterisk
label="Alamat Bisnis" label="Alamat Bisnis"
@@ -150,7 +153,12 @@ export default function CreatePortofolio({
<PhoneInput <PhoneInput
placeholder="Nomor telepon" placeholder="Nomor telepon"
inputStyle={{ width: "100%" }} countrySelectorStyleProps={{
buttonStyle: {
backgroundColor: MainColor.login,
}
}}
inputStyle={{ width: "100%", backgroundColor: MainColor.login }}
defaultCountry="id" defaultCountry="id"
onChange={(val) => { onChange={(val) => {
const valPhone = val.substring(1); const valPhone = val.substring(1);
@@ -192,12 +200,12 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
// required: { required: {
// color: MainColor.red, color: MainColor.red,
// }, },
}} }}
maxLength={300} maxLength={300}
autosize autosize
@@ -336,9 +344,9 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
}} }}
label="Facebook" label="Facebook"
maxLength={100} maxLength={100}
@@ -355,9 +363,9 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
}} }}
label="Instagram" label="Instagram"
maxLength={100} maxLength={100}
@@ -374,9 +382,9 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
}} }}
label="Tiktok" label="Tiktok"
maxLength={100} maxLength={100}
@@ -393,9 +401,9 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
}} }}
label="Twitter" label="Twitter"
maxLength={100} maxLength={100}
@@ -412,9 +420,9 @@ export default function CreatePortofolio({
label: { label: {
color: MainColor.white, color: MainColor.white,
}, },
// input: { input: {
// backgroundColor: MainColor.white, backgroundColor: MainColor.white,
// }, },
}} }}
label="Youtube" label="Youtube"
maxLength={100} maxLength={100}

18
src/app_modules/katalog/profile/create/view.tsx
View File

@@ -8,6 +8,7 @@ import { gmailRegex } from "../../component/regular_expressions";
import { Profile_ComponentCreateNewProfile } from "../_component"; import { Profile_ComponentCreateNewProfile } from "../_component";
import Profile_ViewUploadBackground from "./view_upload_background"; import Profile_ViewUploadBackground from "./view_upload_background";
import Profile_ViewUploadFoto from "./view_upload_foto"; import Profile_ViewUploadFoto from "./view_upload_foto";
import { MainColor } from "@/app_modules/_global/color";
export default function CreateProfile() { export default function CreateProfile() {
const [imgPP, setImgPP] = useState<any | null>(); const [imgPP, setImgPP] = useState<any | null>();
@@ -42,7 +43,9 @@ export default function CreateProfile() {
<Stack mb={"lg"}> <Stack mb={"lg"}>
<TextInput <TextInput
styles={{ styles={{
label: { color: "white" }, label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
}} }}
withAsterisk withAsterisk
label={"Nama"} label={"Nama"}
@@ -57,7 +60,9 @@ export default function CreateProfile() {
/> />
<TextInput <TextInput
styles={{ styles={{
label: { color: "white" }, label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
}} }}
withAsterisk withAsterisk
icon={<IconAt size={15} />} icon={<IconAt size={15} />}
@@ -80,7 +85,9 @@ export default function CreateProfile() {
/> />
<TextInput <TextInput
styles={{ styles={{
label: { color: "white" }, label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
}} }}
withAsterisk withAsterisk
label="Alamat" label="Alamat"
@@ -96,7 +103,10 @@ export default function CreateProfile() {
<Select <Select
styles={{ styles={{
label: { color: "white" }, label: { color: MainColor.white },
input: { backgroundColor: MainColor.white },
required: { color: MainColor.red },
dropdown: { backgroundColor: MainColor.white }
}} }}
withAsterisk withAsterisk
label="Jenis Kelamin" label="Jenis Kelamin"