perf: add loading ui to projects page

moonbamijam · May 4, 2024 · fd66e4d · fd66e4d
1 parent cebc8f8
commit fd66e4d
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/app/projects/loading.tsx b/app/projects/loading.tsx
@@ -0,0 +1,11 @@
+import LoadingSpinner from "@components/ux/LoadingSpinner";
+
+const Loading = () => {
+  return (
+    <div className="text-5xl lg:text-6xl absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2  rounded-full w-max p-5">
+      <LoadingSpinner size="100px" fontSize="64px" />
+    </div>
+  );
+};
+
+export default Loading;