change details page working , fixed styling in product list

src/app/changedetails/changedetails.page.html

@@ -112,3 +112,10 @@
     </form>
   </div>
 </ion-content>
+
+<div class="loader" *ngIf="register.loader">
+  <div class="lds-ripple">
+    <div></div>
+    <div></div>
+  </div>
+</div>

src/app/productlist/productlist.page.scss

@@ -108,7 +108,7 @@
         img {
           width: 100%;
           height: 100%;
-          object-fit: cover;
+          object-fit: contain;
           object-position: center;
         }
       }

src/config/update.service.ts

@@ -21,6 +21,7 @@ export class UpdateService {
   type: number;
   userPostData: any;
   updateStatus: number;
+  loader: boolean;
 
   constructor(
     public afs: AngularFirestore,
@@ -48,6 +49,7 @@ export class UpdateService {
   }
 
   updateData(userData: UpdateUserDetails, oldData: User) {
+    this.loader = true;
     this.type = 2;
 
     const postData: UpdateUserDetails = {
@@ -70,7 +72,12 @@ export class UpdateService {
           .set('userData', JSON.stringify(updateOldData))
           .then(res => {
             console.log('success', updateOldData, res);
-            this.router.navigateByUrl('profile');
+            this.service
+              .showToast('Profile updated!', 'top', 'my-toast', 1000)
+              .then(res => {
+                this.router.navigateByUrl('profile');
+                this.loader = false;
+              });
           })
           .catch(err => console.log(err));
       })