35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
|
|
'use client'
|
|
import React from "react";
|
|
import { Loader2 } from "lucide-react";
|
|
import DashCodeLogo from "./dascode-logo";
|
|
import { useMounted } from "@/hooks/use-mounted";
|
|
import Image from "next/image";
|
|
const Loader = () => {
|
|
const mounted = useMounted()
|
|
return (
|
|
mounted ? null : <div className=" h-screen flex items-center justify-center flex-col space-y-2">
|
|
<div className="flex gap-2 items-center ">
|
|
{/* <DashCodeLogo className=" text-default-900 h-8 w-8 [&>path:nth-child(3)]:text-background [&>path:nth-child(2)]:text-background" /> */}
|
|
<Image
|
|
src="/assets/mediahub-logo-min.png"
|
|
alt=""
|
|
width={80}
|
|
height={80}
|
|
className="mb-4 w-full h-full"
|
|
/>
|
|
{/* <h1 className="text-xl font-semibold text-default-900 ">
|
|
DashCode
|
|
</h1> */}
|
|
</div>
|
|
<span className=" inline-flex gap-1 items-center">
|
|
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
|
|
Loading...
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Loader;
|
|
|