Bagasbanuna02
cf9355e91f
Deskripsi: - Menghapus field imagesId dan imagesBackgroundId - Menhapus table backgroundImage - Menghapus component avatar dan header card yang lama ## No Issue
55 lines
915 B
TypeScript
55 lines
915 B
TypeScript
"use client";
|
|
|
|
import {
|
|
Center,
|
|
Group,
|
|
LoadingOverlay,
|
|
Skeleton,
|
|
Text
|
|
} from "@mantine/core";
|
|
|
|
export default function ComponentGlobal_V2_LoadingPage() {
|
|
const listhHuruf = [
|
|
{
|
|
huruf: "H",
|
|
},
|
|
{
|
|
huruf: "I",
|
|
},
|
|
{
|
|
huruf: "P",
|
|
},
|
|
{
|
|
huruf: "M",
|
|
},
|
|
{
|
|
huruf: "I",
|
|
},
|
|
];
|
|
const customLOader = (
|
|
<Center h={"100vh"}>
|
|
<Group>
|
|
{listhHuruf.map((e, i) => (
|
|
<Center key={i} h={"100%"}>
|
|
<Skeleton height={50} circle radius={"100%"} />
|
|
<Text sx={{ position: "absolute" }} c={"gray.4"} fw={"bold"}>
|
|
{e.huruf}
|
|
</Text>
|
|
</Center>
|
|
))}
|
|
</Group>
|
|
</Center>
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<LoadingOverlay
|
|
visible
|
|
// overlayColor={MainColor.darkblue}
|
|
overlayOpacity={0.1}
|
|
loader={customLOader}
|
|
/>
|
|
</>
|
|
);
|
|
}
|