diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-01-16 15:23:13 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-01-16 15:23:13 +0200 |
| commit | 88afc4e91eb854b542b65871c0395870e45465bd (patch) | |
| tree | b19db502f5e9e5a8106db7a32a7f0d6044af2b23 /src/DevHive.Angular | |
| parent | 3430d48de5f83b7e9380c2a9477102ad23531c50 (diff) | |
| download | DevHive-88afc4e91eb854b542b65871c0395870e45465bd.tar DevHive-88afc4e91eb854b542b65871c0395870e45465bd.tar.gz DevHive-88afc4e91eb854b542b65871c0395870e45465bd.zip | |
Feed page redirects to the loggedin user profile
Diffstat (limited to 'src/DevHive.Angular')
3 files changed, 14 insertions, 9 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 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]); + } } |