style & bugfixes

angular.json

@@ -20,18 +20,11 @@
             "outputPath": "dist/join",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": []
           },
           "configurations": {
@@ -39,13 +32,13 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "1mb",
+                  "maximumError": "2mb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "4kb",
+                  "maximumError": "8kb"
                 }
               ],
               "outputHashing": "all"
@@ -79,19 +72,11 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.scss"],
             "scripts": []
           }
         }

src/app/app.component.ts

@@ -7,7 +7,6 @@ import { SidebarMobileComponent } from './shared/components/sidebar/sidebar-mobi
 import { ContactEditComponent } from './components/contacts/contact-edit/contact-edit.component';
 import { CommonModule } from '@angular/common';
 import { SharedService } from './services/shared.service';
-import { Observable } from 'rxjs';
 import { ContactDeleteComponent } from './components/contacts/contact-delete/contact-delete.component';
 
 @Component({
@@ -40,9 +39,6 @@ export class AppComponent {
   }
 
   getUserIdInLocalStorage() {
-    localStorage.setItem(
-      'currentUserId',
-      JSON.stringify('5EX7gnwPPGEDbN186Rdw')
-    );
+    localStorage.setItem('currentUser', JSON.stringify('5EX7gnwPPGEDbN186Rdw'));
   }
 }

src/app/components/contacts/contact-form/contact-form.component.ts

@@ -57,7 +57,6 @@ export class ContactFormComponent implements OnChanges {
   }
 
   deleteContact() {
-    this.userService.deleteUser(this.currentUserId);
     this.sharedService.isDeleteContactDialogOpen = false;
     this.sharedService.isAnyDialogOpen = false;
   }

src/app/services/user.service.ts

@@ -41,7 +41,7 @@ export class UserService implements OnDestroy {
   getCurrentUserId() {
     let currentUser = localStorage.getItem('currentUser');
     if (currentUser !== null) {
-      return JSON.parse(currentUser)[0].id;
+      return JSON.parse(currentUser);
     }
   }
 

src/styles.scss

@@ -4,6 +4,10 @@
   font-family: "Inter", sans-serif;
 }
 
+body {
+  background-color: var(--bgContent);
+}
+
 :root {
   --bgSidebar: #2b3647;
   --bgContent: #f6f7f8;