Loading Room Chat

# feat
- Loading otomastis scroll chat
## No Isuuee
This commit is contained in:
2024-05-01 13:39:06 +08:00
parent 2a4d2951af
commit c34f9a9b75
24 changed files with 610 additions and 274 deletions

View File

@@ -1,51 +1,9 @@
"use client";
import {
Box,
Center,
Group,
LoadingOverlay,
Paper,
Skeleton,
Text,
} from "@mantine/core";
export default function ComponentCobaCoba_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>
);
import Coba_TestLoading from "@/app_modules/zCoba";
export default async function Page() {
return (
<>
<LoadingOverlay visible overlayBlur={2} loader={customLOader} />
<Coba_TestLoading />
</>
);
}