From 447b4a7edd93370fbef0a6a948cb50376a5adbff Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Mon, 24 Jun 2024 22:27:36 +0200
Subject: [PATCH] extrapolate loader

---
 src/app/loading.tsx       | 34 +++++++++++++++++-----------------
 src/app/story/loading.tsx |  5 +++++
 2 files changed, 22 insertions(+), 17 deletions(-)
 create mode 100644 src/app/story/loading.tsx

diff --git a/src/app/loading.tsx b/src/app/loading.tsx
index 35118e7..2c39055 100644
--- a/src/app/loading.tsx
+++ b/src/app/loading.tsx
@@ -1,25 +1,25 @@
 import { cn } from "@/lib/utils"
 import { ComponentProps } from "react"
 export const LoadingSpinner = ({ className }: ComponentProps<"svg">) => {
-  return <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="100"
-    height="100"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className={cn("animate-spin", className)}
-  >
-    <path d="M21 12a9 9 0 1 1-6.219-8.56" />
-  </svg>
+  return <div className="size-full flex justify-center items-center z">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="100"
+      height="100"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={cn("animate-spin", className)}
+    >
+      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+    </svg>
+  </div>
 }
 export default function Loading() {
   return (
-    <><div className="size-full flex justify-center items-center z">
-      <LoadingSpinner />
-    </div></>
+    <LoadingSpinner />
   )
 }
diff --git a/src/app/story/loading.tsx b/src/app/story/loading.tsx
new file mode 100644
index 0000000..033af5c
--- /dev/null
+++ b/src/app/story/loading.tsx
@@ -0,0 +1,5 @@
+import { LoadingSpinner } from "app/loading";
+
+export default function Loading() {
+  return <LoadingSpinner />
+}