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

Fix dibagian auth dan profile

Browse Source
This commit is contained in:
nico
2024-12-26 17:19:57 +08:00
parent 5448c3a001
commit d8f56309b0
15 changed files with 142 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app_modules/katalog/ui/list_portolio_new.tsx
View File

@@ -42,7 +42,7 @@ export default function ListPortofolioProfileNew() {
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px ",
padding: "15px",
color: "white",
color: MainColor.white,
}}
>
<Stack spacing={"sm"}>
@@ -84,7 +84,7 @@ export default function ListPortofolioProfileNew() {
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px ",
padding: "15px",
color: "white",
color: MainColor.white,
}}
>
<Group position="apart">
@@ -97,7 +97,7 @@ export default function ListPortofolioProfileNew() {
</Text>
</Stack>
<Stack>
<IconCaretRight color="white" size={25} />
<IconCaretRight color={MainColor.white} size={25} />
</Stack>
</Group>
</Paper>

22
src/app_modules/katalog/ui/profile_detail.tsx
View File

@@ -1,4 +1,4 @@
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { apiGetUserProfile, IUserProfile } from "@/app_modules/user";
import { Box, Center, Group, Stack, Text, ThemeIcon } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
@@ -14,23 +14,23 @@ export default function ProfileDetail() {
const [dataProfile, setDataProfile] = useState<IUserProfile>()
const listInformation = [
{
icon: <IconPhone />,
icon: <IconPhone color={MainColor.white} />,
value: "+" + dataProfile?.nomor,
},
{
icon: <IconBrandGmail />,
icon: <IconBrandGmail color={MainColor.white} />,
value: dataProfile?.email,
},
{
icon: <IconHome />,
icon: <IconHome color={MainColor.white} />,
value: dataProfile?.alamat,
},
{
icon:
dataProfile?.jenisKelamin === "Laki-laki" ? (
<IconGenderMale />
<IconGenderMale color={MainColor.white} />
) : (
<IconGenderFemale />
<IconGenderFemale color={MainColor.white}/>
),
value: dataProfile?.jenisKelamin,
},
@@ -64,7 +64,7 @@ export default function ProfileDetail() {
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px ",
padding: "15px",
color: "white",
color: MainColor.white
}}
>
{
@@ -96,11 +96,11 @@ export default function ProfileDetail() {
}}
/>
</Center>
<Stack align="center" c={"white"} mt={"xs"} spacing={0}>
<Text fw={"bold"} lineClamp={1}>
<Stack align="center" c={MainColor.white} mt={"xs"} spacing={0}>
<Text fw={"bold"} lineClamp={1} c={MainColor.white}>
{dataProfile?.name}
</Text>
<Text fs={"italic"} fz={"sm"} lineClamp={1}>
<Text fs={"italic"} fz={"sm"} c={MainColor.white} lineClamp={1}>
@{dataProfile?.username}
</Text>
</Stack>
@@ -118,7 +118,7 @@ export default function ProfileDetail() {
{e.icon}
</ThemeIcon>
<Box w={"85%"}>
<Text fw={"bold"}>{e?.value}</Text>
<Text c={MainColor.white} fw={"bold"}>{e?.value}</Text>
</Box>
</Group>
))}

30
src/app_modules/katalog/ui/skeleton_profile.tsx
View File

@@ -14,27 +14,29 @@ export default function SkeletonProfile() {
}}
>
<Center>
<Avatar radius={"50%"} size={100} bg={"gray"} />
<Avatar radius={"50%"} size={100} />
</Center>
</Box>
<Stack align="center" justify="center" spacing={"xs"}>
<Skeleton height={15} radius={"md"} width={"50%"} />
<Skeleton height={15} radius={"md"} width={"20%"} />
<Skeleton height={15} radius={"md"} width={"50%"} />
</Stack>
<Box mt={"lg"}>
{[...Array(4)].map((_, index) => (
<Box key={index} py={5}>
<Grid align="center">
<Grid.Col span={1}>
<Skeleton w={25} h={25} />
</Grid.Col>
<Grid.Col span={11}>
<Skeleton w={"100%"} h={15} />
</Grid.Col>
</Grid>
</Box>
))}
<Stack spacing={"xs"}>
{[...Array(4)].map((_, index) => (
<Box key={index} py={5}>
<Grid align="center">
<Grid.Col span={1}>
<Skeleton w={25} h={25} />
</Grid.Col>
<Grid.Col span={11}>
<Skeleton w={"50%"} h={15} />
</Grid.Col>
</Grid>
</Box>
))}
</Stack>
</Box>
</Box>
</>