add empty spans

Broke-Boys · Jul 6, 2023 · b9111fa · b9111fa
1 parent 56252b1
commit b9111fa
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 4 deletions.
diff --git a/frontend/src/pages/desktop/main/index.tsx b/frontend/src/pages/desktop/main/index.tsx
@@ -361,9 +361,23 @@ export const ProfileView: react.FC = () => {
         </div>
         <div className="posts__container-profile">
         {
+            type == 'fetching' ? 
+            <div style={{
+                display: 'flex', 
+                justifyContent: 'center', 
+                marginTop: 20
+            }}>
+                <Puff 
+                    height={80}
+                    width={80}
+                    radius={1}
+                    color={'#FE754D'}
+                />
+            </div> : 
+            posts.length ?
             posts.map((e) => {
                 return <Post {...e}/>
-            })
+            }) : <span style={{textAlign: 'center', color: '#504D62', fontWeight: 'bold'}}>No posts yet</span>
         }
         </div>
 
@@ -555,7 +569,9 @@ const Subs: react.FC = () => {
 
     return <div className='subs__container'>
         {
-            followings.map(e => <ExtendedProfile {...e}/>)
+            followings.length ?
+            followings.map(e => <ExtendedProfile {...e}/>):
+            <span style={{textAlign: 'center', color: '#504D62', fontWeight: 'bold'}}>You don't subscribe to any author</span>
         }
     </div>
 }

diff --git a/frontend/src/pages/desktop/profile/profile.tsx b/frontend/src/pages/desktop/profile/profile.tsx
@@ -23,7 +23,9 @@ const ProfilePosts: react.FC = () => {
 
     return <>
         {
-            posts.map(e => <Post {...e}/>)
+            posts.length ? 
+            posts.map(e => <Post {...e}/>) :
+            <span style={{textAlign: 'center', color: '#504D62', fontWeight: 'bold'}}>No posts yet</span>
         }
     </>
 }

diff --git a/frontend/src/pages/elements/post/index.tsx b/frontend/src/pages/elements/post/index.tsx
@@ -24,11 +24,15 @@ import { makeDonate } from '../../../client/makeDonation';
 import {useSelector} from 'react-redux';
 import { profileSelector } from '../../../store/profile';
 import {Avatar, message} from 'antd';
+import { useNavigate } from 'react-router-dom';
 
 
 const AuthorPost: react.FC<IDataShortProfile & {timestamp: string}> = (props) => {
+    const navigate = useNavigate();
     return <div className='author__container'>
-        <div className="author">
+        <div className="author" onClick={() => {
+            navigate('/user/'+props.fullWallet)
+        }}>
             <Avatar src={props.imageUrl} size={40}/>
             <span>{props.name}</span>
         </div>

diff --git a/frontend/src/pages/elements/post/style.css b/frontend/src/pages/elements/post/style.css
@@ -16,6 +16,7 @@
     display: flex;
     align-items: center;
     gap: 10px;
+    cursor: pointer;
 }
 
 .author>img{