Logo/title redirects to the default route

2 files changed, 5 insertions, 1 deletions

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 268fa84a6..3ac84d55a 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -6,7 +6,7 @@
     <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
       <span class="icon icon-menu" (click)="toggleMenu()"></span>
 
-      <a id="peertube-title" [routerLink]="['/videos/list']" title="Homepage">
+      <a id="peertube-title" [routerLink]="defaultRoute" title="Homepage">
         <span class="icon icon-logo"></span>
         <span class="instance-name">{{ instanceName }}</span>
       </a>
diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
index 84435b5db..b9f7be48c 100644
--- a/client/src/app/app.component.ts
+++ b/client/src/app/app.component.ts
@@ -43,6 +43,10 @@ export class AppComponent implements OnInit {
     return this.serverService.getConfig().instance.name
   }
 
+  get defaultRoute () {
+    return RedirectService.DEFAULT_ROUTE
+  }
+
   ngOnInit () {
     document.getElementById('incompatible-browser').className += ' browser-ok'