Improve local storage

src/app/shared/headers/header-no-search/profile/profile.page.ts

@@ -5,6 +5,7 @@ import { User } from 'src/app/models/user.model';
 import { AuthService } from 'src/app/services/auth.service';
 import { FingerprintPage } from 'src/app/shared/fingerprint/fingerprint.page';
 import { PinPage } from 'src/app/shared/pin/pin.page';
+import { LocalstoreService } from 'src/app/store/localstore.service';
 
 @Component({
   selector: 'app-profile',
@@ -19,7 +20,9 @@ export class ProfileComponent implements OnInit {
   constructor(private modalController:ModalController,
     private authService: AuthService,
     private animationController: AnimationController,
-    private router: Router) { 
+    private router: Router,
+    private localstoreService: LocalstoreService
+    ) { 
 
     this.loggeduser = authService.ValidatedUser;
 
@@ -117,7 +120,7 @@ export class ProfileComponent implements OnInit {
 
   LoginPreferenceMethod(type: string) {
     
-    let userData = JSON.parse(localStorage.getItem('UserData')) || {}
+    let userData = this.localstoreService.get('UserData', {})
 
     if (userData.hasOwnProperty('loginPreference')) { 
       if (userData.loginPreference != type) {
@@ -132,13 +135,14 @@ export class ProfileComponent implements OnInit {
       userData.loginPreference = 'none'
     }
 
-    localStorage.setItem('UserData', JSON.stringify(userData) )
+
+    this.localstoreService.set('UserData', userData)
   }
 
   checkState() {
 
-    let userData = JSON.parse(localStorage.getItem('UserData')) || {}
-
+    let userData = this.localstoreService.get('UserData', {})
+    
     if (userData.hasOwnProperty('loginPreference')) {
       this.userLoginPreference = userData.loginPreference
     } else {

src/app/shared/pin/pin.page.ts

@@ -4,6 +4,7 @@ import { BadRequestPage } from '../popover/bad-request/bad-request.page';
 import { SuccessMessagePage } from '../popover/success-message/success-message.page';
 import crypto  from  'crypto-js'
 import { ToastService } from 'src/app/services/toast.service';
+import { LocalstoreService } from 'src/app/store/localstore.service';
 @Component({
   selector: 'app-pin',
   templateUrl: './pin.page.html',
@@ -14,7 +15,8 @@ export class PinPage implements OnInit {
   code = []
   constructor( private modalController: ModalController,
     private animationController: AnimationController,
-    private toastService: ToastService) { }
+    private toastService: ToastService,
+    private localstoreService: LocalstoreService) { }
 
   ngOnInit() {
   }
@@ -49,6 +51,7 @@ export class PinPage implements OnInit {
       const encrypted = crypto.SHA1(code)
 
       localStorage.setItem('PIN', encrypted)
+      this.localstoreService.set('PIN', encrypted)
 
     } else {
       this.toastService.badRequest()