From b803c0fed5fae1fd957a04ed9a2e66ba2f877a2d Mon Sep 17 00:00:00 2001
From: ozdentarikcan <ozdentarikcan@gmail.com>
Date: Mon, 16 Dec 2024 19:04:58 +0300
Subject: [PATCH] Add loading screen

---
 frontend/src/components/TagType.tsx | 28 ++++++++++------------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/frontend/src/components/TagType.tsx b/frontend/src/components/TagType.tsx
index fa5d1cf..e32f945 100644
--- a/frontend/src/components/TagType.tsx
+++ b/frontend/src/components/TagType.tsx
@@ -134,15 +134,6 @@ export default function SubtypePage() {
 
   return (
     <div className="container py-8">
-      {isLoading ? (
-        <div className="flex items-center justify-center">
-          <Loader2
-            aria-label="Loading"
-            className="h-16 w-16 animate-spin text-primary"
-          />
-        </div>
-      ) : (
-        <>
           {/* Header */}
           <h1 className="mb-4 text-4xl font-bold text-gray-800">{tagTypeId}</h1>
 
@@ -165,17 +156,18 @@ export default function SubtypePage() {
               }
               isLoading={isLoading}
             >
-              {tags.length > 0 ? (
-                tags.map((tag) => <TagCard key={tag.tagId} tag={tag} />)
-              ) : (
-                <p className="col-span-3 text-center text-gray-600">
-                  No related tags found for this tag type.
-                </p>
-              )}
+                {tags?.map((tag) => <TagCard key={tag.tagId} tag={tag} />)
+              }
             </InfiniteScroll>
+            {isLoading && (
+            <div className="col-span-3 flex w-full items-center justify-center">
+              <Loader2
+                aria-label="Loading"
+                className="h-16 w-16 animate-spin text-primary"
+              />
+            </div>
+          )}
           </div>
-        </>
-      )}
     </div>
   );
 }