From cc46a2fb619faf8f3227d3861c770fb3fbb546f0 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Sat, 30 Jan 2021 21:46:15 +0200
Subject: Added a message in feed when none of your friends have posted
 anything

---
 src/DevHive.Angular/src/app/components/feed/feed.component.css  | 9 +++++++++
 src/DevHive.Angular/src/app/components/feed/feed.component.html | 4 ++++
 src/DevHive.Angular/src/app/components/feed/feed.component.ts   | 5 ++++-
 3 files changed, 17 insertions(+), 1 deletion(-)

(limited to 'src/DevHive.Angular')

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();
       }
     );
   }
-- 
cgit v1.2.3