github profile finder better loading

No0ne003 · May 1, 2024 · 2afb6a7 · 2afb6a7
1 parent 69b6223
commit 2afb6a7
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/pages/GithubProfileFinder/GithubProfileFinder.jsx b/src/pages/GithubProfileFinder/GithubProfileFinder.jsx
@@ -13,10 +13,13 @@ export const GithubProfileFinder = () => {
     const res = await fetch(`https://api.github.com/users/${userName}`);
 
     const data = await res.json();
+
     if (data) {
       setUserData(data);
       setLoading(false);
     }
+
+    console.log(data)
   }
 
   function handleSumbit() {
@@ -27,14 +30,6 @@ export const GithubProfileFinder = () => {
     fetchGithubUserData();
   }, []);
 
-  if (loading) {
-    return (
-      <div className="absolute top-1/2 left-1/2 flex justify-center items-center">
-        <div className="loader "></div>
-      </div>
-    );
-  }
-
   return (
     <div className="flex flex-col gap-3 justify-start items-center py-3">
       <div id="input-warrper" className="flex gap-3">
@@ -49,7 +44,13 @@ export const GithubProfileFinder = () => {
           Search
         </Button>
       </div>
-      {userData !== null ? <User user={userData} /> : null}
+      {loading ? (
+        <div className="absolute top-1/2 left-1/2 flex justify-center items-center">
+          <div className="loader "></div>
+        </div>
+      ) : userData !== null ? (
+        <User user={userData} />
+      ) : null}
     </div>
   );
 };