From db345e4526651822a085c76cfbba274164b4ca27 Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Thu, 6 Mar 2025 18:38:41 -0700
Subject: [PATCH] FIX: Spinner for the directory list.

---
 frontend/src/components/ChildrenLoading.jsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 frontend/src/components/ChildrenLoading.jsx

diff --git a/frontend/src/components/ChildrenLoading.jsx b/frontend/src/components/ChildrenLoading.jsx
new file mode 100644
index 0000000..c3d8777
--- /dev/null
+++ b/frontend/src/components/ChildrenLoading.jsx
@@ -0,0 +1,17 @@
+import "../index.css"
+
+/**
+ * Simple loading spinner for the directory list.
+ * @returns {JSX.Element}
+ * @constructor
+ */
+export default function ChildrenLoading() {
+    return (
+        <div className="size-full flex items-center justify-center">
+            <div
+                className="animate-spin rounded-full border-blue-500 border-3 border-t-transparent size-6 mx-2 ">
+            </div>
+            <p className="text-lg text-black opacity-90">Content loading...</p>
+        </div>
+    );
+};
\ No newline at end of file