Login bug fix
This commit is contained in:
36
src/app_modules/component_global/loading_page.tsx
Normal file
36
src/app_modules/component_global/loading_page.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
"use client";
|
||||
|
||||
import { Center, Group, Loader, Skeleton, Stack } from "@mantine/core";
|
||||
|
||||
/**
|
||||
* @param | is On Layout: 100%, is Not On Layout: 100vh
|
||||
* @returns Skeleton loading
|
||||
*/
|
||||
export default function ComponentGlobal_LoadingPage({ height }: { height: string }) {
|
||||
return (
|
||||
<>
|
||||
<Center h={height}>
|
||||
<Group>
|
||||
{Array(3)
|
||||
.fill(0)
|
||||
.map((e, i) => (
|
||||
<Skeleton key={i} height={50} circle mb="xl" />
|
||||
))}
|
||||
</Group>
|
||||
{/* <Stack spacing={0}>
|
||||
{Array(3)
|
||||
.fill(0)
|
||||
.map((v, index) => (
|
||||
<Group key={index}>
|
||||
{Array(3)
|
||||
.fill(0)
|
||||
.map((e, i) => (
|
||||
<Skeleton key={i} height={50} circle mb="xl" />
|
||||
))}
|
||||
</Group>
|
||||
))}
|
||||
</Stack> */}
|
||||
</Center>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user