From 23e1c8763a63c5aa36ab8cdce2960474d9a6178f Mon Sep 17 00:00:00 2001
From: kj1352 <nikhilkj24@gmail.com>
Date: Wed, 14 Apr 2021 07:50:59 +0530
Subject: [PATCH] Destroy camera on exit, social sharing buttons style changes

---
 src/app/ar-fan-cam/ar-fan-cam.page.html |  7 ++++---
 src/app/ar-fan-cam/ar-fan-cam.page.scss | 14 +++++++-------
 src/app/ar-fan-cam/ar-fan-cam.page.ts   |  5 +++--
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/app/ar-fan-cam/ar-fan-cam.page.html b/src/app/ar-fan-cam/ar-fan-cam.page.html
index 967df53..0d39cf8 100644
--- a/src/app/ar-fan-cam/ar-fan-cam.page.html
+++ b/src/app/ar-fan-cam/ar-fan-cam.page.html
@@ -19,9 +19,10 @@
     </div>
 
     <section class="image-action-buttons" *ngIf="tempImg">
-        <button (click)="approveImage()"> <img src="assets/icons/emojis/thumb-up.png"> </button>
-        <button (click)="tempImg = null"> <img src="assets/icons/emojis/thumb-up.png"> </button>
-        
+        <button> <ion-icon name="logo-facebook"></ion-icon> </button>
+        <button> <ion-icon name="logo-instagram"></ion-icon> </button>
+        <button> <ion-icon name="logo-whatsapp"></ion-icon> </button>
         <button> <ion-icon name="share-social-outline"></ion-icon> </button>
+        <button (click)="tempImg = null"> <img src="assets/icons/emojis/thumb-up.png"> </button>
     </section>
 </ion-content>
diff --git a/src/app/ar-fan-cam/ar-fan-cam.page.scss b/src/app/ar-fan-cam/ar-fan-cam.page.scss
index a27cd10..020957f 100644
--- a/src/app/ar-fan-cam/ar-fan-cam.page.scss
+++ b/src/app/ar-fan-cam/ar-fan-cam.page.scss
@@ -37,7 +37,7 @@
 
     ion-icon {
         color: white;
-        font-size: 20px;
+        font-size: 25px;
     }
 }
 
@@ -127,13 +127,13 @@
     position: fixed;
     left: 0;
     bottom: 20px;
-    width: 200px;
-    margin-left: calc(50% - 100px);
+    width: 90%;
+    margin-left: 5%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px;
-    background-color: rgba(black, 0.6);
+    background-color: rgb(253 253 253);
     border-radius: 30px;
     z-index: 1;
 
@@ -141,13 +141,13 @@
         width: 50px;
         height: 50px;
         border-radius: 50%;
-        border: 1px solid rgba($blue-grey, 0.6);
+        border: 2px solid $brand-blue;
         background-color: transparent;
         display: flex;
         align-items: center;
         justify-content: center;
 
-        &:nth-child(2) {
+        &:last-child {
             transform: rotate(180deg);
         }
 
@@ -156,7 +156,7 @@
         }
 
         ion-icon {
-            color: white;
+            color: $brand-blue;
             font-size: 20px;
         }
     }
diff --git a/src/app/ar-fan-cam/ar-fan-cam.page.ts b/src/app/ar-fan-cam/ar-fan-cam.page.ts
index 2f3dd08..48022d7 100644
--- a/src/app/ar-fan-cam/ar-fan-cam.page.ts
+++ b/src/app/ar-fan-cam/ar-fan-cam.page.ts
@@ -22,8 +22,8 @@ export class ArFanCamPage implements OnInit {
 
     tempImg = '';
 
-    glassesFramesMeshLoaded = false;
-    glassesLensMeshLoaded = false;
+    glassesFramesMeshLoaded: boolean = false;
+    glassesLensMeshLoaded: boolean = false;
 
     constructor(
         private modalController: ModalController
@@ -31,6 +31,7 @@ export class ArFanCamPage implements OnInit {
     }
 
     back() {
+        JEELIZFACEFILTER.destroy();
         this.modalController.dismiss();
     }