From 927b80ab8a45cebc11a5cfe8330ee5d88869eaae Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 18 Jan 2024 14:27:16 -0600
Subject: [PATCH] Add root loading component

---
 src/app/loading.tsx            |  1 +
 src/components/PageSpinner.tsx | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/app/loading.tsx
 create mode 100644 src/components/PageSpinner.tsx

diff --git a/src/app/loading.tsx b/src/app/loading.tsx
new file mode 100644
index 00000000..1ae6b757
--- /dev/null
+++ b/src/app/loading.tsx
@@ -0,0 +1 @@
+export { default } from '@/components/PageSpinner';
diff --git a/src/components/PageSpinner.tsx b/src/components/PageSpinner.tsx
new file mode 100644
index 00000000..cd4c99af
--- /dev/null
+++ b/src/components/PageSpinner.tsx
@@ -0,0 +1,19 @@
+import clsx from 'clsx/lite';
+import Spinner from './Spinner';
+import SiteGrid from './SiteGrid';
+
+export default function PageSpinner() {
+  return (
+    <SiteGrid contentMain={
+      <div className={clsx(
+        'flex justify-center items-center',
+        'w-full min-h-[20rem] sm:min-h-[30rem]',
+      )}>
+        <Spinner
+          size={24}
+          color="light-gray"
+        />
+      </div>
+    } />
+  );
+}
\ No newline at end of file