fix showing login button for short when user IS LOGGED IN

Author: 4drianMatei

frontend/src/app/public/bookmarks/homepage.component.html

@@ -5,7 +5,7 @@
       <ng-template mat-tab-label>
         <span class="app-tab-label"><i class="fas fa-home"></i> Feed</span>
       </ng-template>
-      <div *ngIf="!(userIsLoggedIn$ | async); else showFollowedTags">
+      <div *ngIf="!userIsLoggedIn && showLoginButton; else showFollowedTags">
         <div class="alert alert-info mt-2">
           <button type="button" class="btn btn-primary btn-sm mr-2" (click)="login('feed')"><i
             class="fas fa-unlock"></i> Login / Register

frontend/src/app/public/bookmarks/homepage.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { Bookmark } from '../../core/model/bookmark';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -27,7 +27,7 @@ import { MatTabChangeEvent } from '@angular/material/tabs';
   templateUrl: './homepage.component.html',
   styleUrls: ['./homepage.component.scss']
 })
-export class HomepageComponent extends TagFollowingBaseComponent implements OnInit, OnDestroy {
+export class HomepageComponent extends TagFollowingBaseComponent implements OnInit, OnDestroy, AfterViewInit {
 
   readonly FIRST_PAGE = 1;
 
@@ -42,6 +42,7 @@ export class HomepageComponent extends TagFollowingBaseComponent implements OnIn
   readLater$: Observable<Bookmark[]>;
 
   userIsLoggedIn = false;
+  showLoginButton = false;
   userId: string;
   userIsLoggedIn$: Promise<boolean>;
 
@@ -252,6 +253,14 @@ export class HomepageComponent extends TagFollowingBaseComponent implements OnIn
         queryParams: {q: '[' + tag + ']', sd: SearchDomain.PUBLIC_BOOKMARKS, page: this.FIRST_PAGE}
       });
   }
+
+  ngAfterViewInit(): void {
+    this.userIsLoggedIn$.then(isLoggedIn => {
+      if (!isLoggedIn) {
+        this.showLoginButton = true;
+      }
+    });
+  }
 }
 
 export interface TabSwitchQueryParams {