refactor: ♻️ Upgraded to Angular 12

src/Ombi/ClientApp/package.json

@@ -71,10 +71,9 @@
     "@types/jasminewd2": "~2.0.8",
     "@types/node": "^16.10.9",
     "codelyzer": "^6.0.1",
-    "typescript": "~4.4.4"
+    "typescript": "~4.3.4"
   },
   "optionalDependencies": {
-    "node-sass": "^4.12.0",
     "protractor": "~5.4.0",
     "ts-node": "~5.0.1",
     "tslint": "^5.12.0"

src/Ombi/ClientApp/src/app/auth/unauthorized.interceptor.ts

@@ -1,8 +1,9 @@
-import { Injectable } from '@angular/core';
+import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpErrorResponse } from '@angular/common/http';
 import { Observable, Subject, throwError } from 'rxjs';
 import { catchError, throttleTime } from 'rxjs/operators';
+
 import { AuthService } from './auth.service';
+import { Injectable } from '@angular/core';
 import { Router } from '@angular/router';
 
 @Injectable()
@@ -20,7 +21,7 @@ export class UnauthorizedInterceptor implements HttpInterceptor {
         return next.handle(request).pipe(
             catchError((response: HttpErrorResponse) => {
                 if (response.status === 401) {
-                    this.throttleLogout.next();
+                    this.throttleLogout.next(request.url);
                 }
                 return throwError(response);
             }

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html

@@ -57,7 +57,7 @@
         </div>
     </mat-sidenav>
 
-    <mat-sidenav-content class="content-container">
+    <mat-sidenav-content autosize class="content-container">
         <mat-toolbar color="primary" class="top-bar-container">
             <button type="button" aria-label="Toggle sidenav" mat-icon-button (click)="drawer.toggle()"
                 *ngIf="isHandset$ | async">

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss

@@ -252,3 +252,9 @@
         width: 100%;
     }
 }
+@media only screen and (min-width: 1025px) {
+
+    .content-container{
+        margin-left: 223px !important;
+    }
+}

src/Ombi/ClientApp/src/index.html

@@ -11,12 +11,8 @@
     <base href="/" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
-    <link href="styles/please-wait.css" rel="stylesheet">
-    <link href="styles/spinkit.css" rel="stylesheet">
-    <link href="styles/11-folding-cube.css" rel="stylesheet">
     <link rel="icon" type="image/png" href="images/favicon/favicon.ico"/>
     <link rel="apple-touch-icon" type="image/png" href="images/favicon/apple-touch-icon.png"/>
-    <script src="styles/please-wait.js"></script>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:image:height" content="375" />