Resume
/
subman-nextjs
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

extrapolate loader

This commit is contained in:
andrzej 2024-06-24 22:27:36 +02:00
parent d3689ab4b2
commit a89535c058
2 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/loading.tsx
View File

@ -1,7 +1,8 @@
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils"
import { ComponentProps } from "react" import { ComponentProps } from "react"
export const LoadingSpinner = ({ className }: ComponentProps<"svg">) => { export const LoadingSpinner = ({ className }: ComponentProps<"svg">) => {
return <svg return <div className="size-full flex justify-center items-center z">
<svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="100" width="100"
height="100" height="100"
@ -15,11 +16,10 @@ export const LoadingSpinner = ({ className }: ComponentProps<"svg">) => {
> >
<path d="M21 12a9 9 0 1 1-6.219-8.56" /> <path d="M21 12a9 9 0 1 1-6.219-8.56" />
</svg> </svg>
</div>
} }
export default function Loading() { export default function Loading() {
return ( return (
<><div className="size-full flex justify-center items-center z">
<LoadingSpinner /> <LoadingSpinner />
</div></>
) )
} }

5
src/app/story/loading.tsx Normal file
View File

@ -0,0 +1,5 @@
import { LoadingSpinner } from "app/loading";
export default function Loading() {
return <LoadingSpinner />
}