Refactor login redirection/button links

Correctly handle external auth redirection in all cases

2 files changed, 3 insertions, 4 deletions

diff --git a/client/src/app/+error-page/error-page.component.html b/client/src/app/+error-page/error-page.component.html
index 070985d3c..b8b9296a3 100644
--- a/client/src/app/+error-page/error-page.component.html
+++ b/client/src/app/+error-page/error-page.component.html
@@ -31,10 +31,7 @@
       <ng-container *ngIf="type !== 'video'" i18n>You might need to login to see the resource.</ng-container>
     </div>
 
-    <a class="peertube-button-big-link orange-button mt-5" i18n routerLink="/login">
-      Login
-    </a>
-
+    <my-login-link className="peertube-button-big-link orange-button mt-5"></my-login-link>
   </div>
 
   <div *ngIf="status === 403" class="box">
diff --git a/client/src/app/+error-page/error-page.module.ts b/client/src/app/+error-page/error-page.module.ts
index 807c6f5a9..34f026ea8 100644
--- a/client/src/app/+error-page/error-page.module.ts
+++ b/client/src/app/+error-page/error-page.module.ts
@@ -1,11 +1,13 @@
 import { CommonModule } from '@angular/common'
 import { NgModule } from '@angular/core'
+import { SharedMainModule } from '@app/shared/shared-main'
 import { ErrorPageRoutingModule } from './error-page-routing.module'
 import { ErrorPageComponent } from './error-page.component'
 
 @NgModule({
   imports: [
     CommonModule,
+    SharedMainModule,
 
     ErrorPageRoutingModule
   ],