better loading for load more button

No0ne003 · May 4, 2024 · 10118ea · 10118ea
1 parent 393a85c
commit 10118ea
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/pages/LoadMoreData.jsx b/src/pages/LoadMoreData.jsx
@@ -34,7 +34,11 @@ function LoadMoreData() {
   }, [products]);
 
   if (loading) {
-    return <div>Loading data ! Please wait man</div>;
+    return (
+      <div className="absolute inset-0 m-auto flex justify-center items-center">
+        <div className="loader "></div>
+      </div>
+    );
   }
   console.log(products);