update component global

Deskripsi:
- update link button back

- update layout loading page

No Issues
This commit is contained in:
amel
2024-07-04 15:02:00 +08:00
parent 16d338772f
commit be5433694e
2 changed files with 15 additions and 3 deletions

View File

@@ -4,12 +4,20 @@ import { useRouter } from 'next/navigation';
import React from 'react';
import { HiChevronLeft } from 'react-icons/hi2';
import { WARNA } from '../fun/WARNA';
import _ from 'lodash';
function LayoutIconBack({ back }: { back: string }) {
function LayoutIconBack({ back }: { back?: string }) {
const router = useRouter()
return (
<Box>
<ActionIcon variant="light" onClick={() => router.push(back)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<ActionIcon variant="light" onClick={() => {
if (!_.isUndefined(back) && !_.isNull(back)) {
return router.push(back)
} else {
return router.back()
}
}} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiChevronLeft size={20} color='white' />
</ActionIcon>
</Box>

View File

@@ -1,8 +1,12 @@
import { Box, Group, Skeleton } from "@mantine/core";
import { Box, Group, Skeleton, Text } from "@mantine/core";
import LayoutNavbarHome from "./layout_navbar_home";
export default function LoadingPage() {
return (
<>
<LayoutNavbarHome>
<Text></Text>
</LayoutNavbarHome>
<Box p={20}>
<Skeleton width={"100%"} height={180} radius={"md"} />
<Group my={20} justify="space-between" grow>