diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-01-30 21:46:15 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-01-30 21:46:15 +0200 |
| commit | cc46a2fb619faf8f3227d3861c770fb3fbb546f0 (patch) | |
| tree | a0add06101cef7f031407a0c684dcfb94f8d58fb | |
| parent | b4211aaa5d024cddd3a1d285edbee6f67d71b9fd (diff) | |
| download | DevHive-cc46a2fb619faf8f3227d3861c770fb3fbb546f0.tar DevHive-cc46a2fb619faf8f3227d3861c770fb3fbb546f0.tar.gz DevHive-cc46a2fb619faf8f3227d3861c770fb3fbb546f0.zip | |
Added a message in feed when none of your friends have posted anything
3 files changed, 17 insertions, 1 deletions
diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.css b/src/DevHive.Angular/src/app/components/feed/feed.component.css index e22693e..f810e83 100644 --- a/src/DevHive.Angular/src/app/components/feed/feed.component.css +++ b/src/DevHive.Angular/src/app/components/feed/feed.component.css @@ -109,6 +109,15 @@ display: none; } +/* Posts */ + +#no-posts-msg { + width: 100%; + margin-top: 1em; + color: gray; + text-align: center; +} + /* Elements, that act as buttons */ #profile-bar > #profile-info:hover, diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.html b/src/DevHive.Angular/src/app/components/feed/feed.component.html index 35448b7..e3c6e83 100644 --- a/src/DevHive.Angular/src/app/components/feed/feed.component.html +++ b/src/DevHive.Angular/src/app/components/feed/feed.component.html @@ -23,6 +23,10 @@ </a> </nav> <div id="posts" class="scroll-standalone"> + <div id="no-posts-msg" *ngIf="posts.length === 0"> + None of your friends have posted anything yet!<br> + Try refreshing your page! + </div> <div *ngFor="let friendPost of posts" class="post"> <app-post [paramId]="friendPost.postId.toString()"></app-post> </div> diff --git a/src/DevHive.Angular/src/app/components/feed/feed.component.ts b/src/DevHive.Angular/src/app/components/feed/feed.component.ts index 3f197df..f260fd4 100644 --- a/src/DevHive.Angular/src/app/components/feed/feed.component.ts +++ b/src/DevHive.Angular/src/app/components/feed/feed.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { Title } from '@angular/platform-browser'; import { Router } from '@angular/router'; import { User } from 'src/models/identity/user'; @@ -47,6 +47,9 @@ export class FeedComponent implements OnInit { (result: object) => { this.posts = Object.values(result)[0]; this.finishUserLoading(); + }, + (err: HttpErrorResponse) => { + this.finishUserLoading(); } ); } |