Merge pull request #47 from sikehish/master

Fixed:  Blank page if no user found #45

Author: alanansari

src/component/Profile/profilePage.css

@@ -1146,3 +1146,10 @@ font-size: 0.9rem;
         width: 78vw;
     }
 }
+
+
+/* Used to display user not found message */
+.not-found{
+    color: rgb(71, 200, 122, 0.9);
+    text-align: center;
+}

src/component/Profile/profilePage.jsx

@@ -82,7 +82,9 @@ function ProfilePage() {
 
   useEffect(() => {
     // When the component mounts, call showTweets to display the tweets
-    showTweets();
+
+    //ensuring that tweets arent shown when the user doesnt exist(could lead to errors and hence the if condition)
+   if(accessProfile) showTweets();
     dispatch(ProfileAction(apiname));
   }, [apiname]);
 
@@ -182,6 +184,24 @@ function ProfilePage() {
     return formattedDate;
   }
 
+  /* Used to display user not found message */
+  if(!accessProfile) return (
+    <>
+    <Sidebar />
+          {loading === true ? <Loader loading={loading} /> : <div className="PROFILE POPUPBG">
+        <div className="profileDiv1">
+            <img src={avatar} className="pImage" alt="Avatar" />
+          <div className="PBLOCK1">
+            <div className="pBlock1">
+             <h3 className="not-found">User @{apiname} not found ☹️</h3>
+            </div>
+            </div>
+          </div>
+          </div>}
+    </>
+    )
+  
+
   return (
     <>
       <Sidebar />