From 88afc4e91eb854b542b65871c0395870e45465bd Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Sat, 16 Jan 2021 15:23:13 +0200
Subject: Feed page redirects to the loggedin user profile

---
 .../src/app/components/feed/feed.component.css              | 13 ++++++++-----
 .../src/app/components/feed/feed.component.html             |  6 ++----
 .../src/app/components/feed/feed.component.ts               |  4 ++++
 3 files changed, 14 insertions(+), 9 deletions(-)

(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 07667c2..093e2f8 100644
--- a/src/DevHive.Angular/src/app/components/feed/feed.component.css
+++ b/src/DevHive.Angular/src/app/components/feed/feed.component.css
@@ -65,11 +65,6 @@
   display: flex;
 }
 
-#top-bar img {
-  height: 1.6em;
-  width: 1.6em;
-}
-
 #top-bar-profile-pic {
   height: 2.5em;
   width: 2.5em;
@@ -90,3 +85,11 @@
   /* Until implemented */
   display: none;
 }
+
+/* Elements, that act as buttons */
+
+#profile-bar:hover,
+#top-bar-profile-pic:hover {
+  cursor: pointer;
+}
+
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 03ce497..3253b54 100644
--- a/src/DevHive.Angular/src/app/components/feed/feed.component.html
+++ b/src/DevHive.Angular/src/app/components/feed/feed.component.html
@@ -4,7 +4,7 @@
 </div>
 
 <div id="feed-page" *ngIf="dataArrived">
-	<nav id="profile-bar" class="rounded-border">
+	<nav id="profile-bar" class="rounded-border" (click)="goToProfile()">
 		<img id="profile-bar-profile-pic" class="round-image" src="assets/images/feed/profile-pic.png" alt=""/>
 		<div id="profile-bar-name">
 			{{ user.firstName }} {{ user.lastName }}
@@ -15,9 +15,7 @@
 	</nav>
 	<div id="feed-content">
 		<nav id="top-bar">
-			<a id="top-bar-profile-pic" class="round-image" href="">
-				<img class="round-image" src="assets/images/feed/profile-pic.png" alt=""/>
-			</a>
+			<img id="top-bar-profile-pic" class="round-image" src="assets/images/feed/profile-pic.png" alt="" (click)="goToProfile()">
 			<input id="top-bar-create-post" class="rounded-border" type="text" placeholder="What's on your mind?"/>
 			<a id="top-bar-open-chat" href="">
 				<img src="assets/images/feed/chat-pic.png" alt=""/>
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 83bd4f9..7d37c9a 100644
--- a/src/DevHive.Angular/src/app/components/feed/feed.component.ts
+++ b/src/DevHive.Angular/src/app/components/feed/feed.component.ts
@@ -38,4 +38,8 @@ export class FeedComponent implements OnInit {
       this._router.navigate(['/login']);
     }
   }
+
+  goToProfile(): void {
+    this._router.navigate(['/profile/' + this.user.userName]);
+  }
 }
-- 
cgit v1.2.3