From a2a51cc74d4819df59675c0b6208d44f9c4f3955 Mon Sep 17 00:00:00 2001
From: drklrd <srvbhattarai@gmail.com>
Date: Sun, 8 Jan 2023 19:30:51 +0545
Subject: [PATCH 1/2] Enable FB Chat Plugin

---
 frontend/src/app/src/App.vue |  5 +++--
 frontend/src/app/src/main.js | 14 +++++++-------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/src/app/src/App.vue b/frontend/src/app/src/App.vue
index e006101..1ea6797 100644
--- a/frontend/src/app/src/App.vue
+++ b/frontend/src/app/src/App.vue
@@ -39,14 +39,15 @@
       <v-btn text @click="toggleTour"
         >How to use <v-icon right dark> mdi-help-circle-outline </v-icon></v-btn
       >
-      <v-col class="text-right">
+      <span> | </span>
+      <v-col class="text-left">
         <strong
           >Powered by
           <a rel="noreferrer noopener" href="https://baato.io" target="_blank">
             <img
               src="https://sgp1.digitaloceanspaces.com/baatocdn/images/BaatoLogo.svg"
               alt="Baato"
-              width="80px"
+              width="50px"
             /> </a
         ></strong>
       </v-col>
diff --git a/frontend/src/app/src/main.js b/frontend/src/app/src/main.js
index 31ecc49..6884a5a 100644
--- a/frontend/src/app/src/main.js
+++ b/frontend/src/app/src/main.js
@@ -6,7 +6,7 @@ import 'bootstrap'
 import 'bootstrap/dist/css/bootstrap.min.css'
 import VueGtag from 'vue-gtag'
 
-// import VueFbCustomerChat from 'vue-fb-customer-chat'
+import VueFbCustomerChat from 'vue-fb-customer-chat'
 require('vue-tour/dist/vue-tour.css')
 
 
@@ -20,12 +20,12 @@ Vue.use(VueGtag, {
   config: { id: 'G-PN50G7DNWT' }
 });
 
-// // use FB messenger 
-// Vue.use(VueFbCustomerChat, {
-//   page_id: 106055731698744, //  change 'null' to your Facebook Page ID,
-//   theme_color: '#47889D', // theme color in HEX
-//   locale: 'en_US', // default 'en_US'
-// })
+// use FB messenger 
+Vue.use(VueFbCustomerChat, {
+  page_id: 104665115853853, //  change 'null' to your Facebook Page ID,
+  theme_color: '#47889D', // theme color in HEX
+  locale: 'en_US', // default 'en_US'
+})
 
 
 new Vue({

From 99c7896d0bd7ee3843b3327f8b3c0f0b43aff39e Mon Sep 17 00:00:00 2001
From: drklrd <srvbhattarai@gmail.com>
Date: Sun, 8 Jan 2023 20:15:01 +0545
Subject: [PATCH 2/2] Manage chat plugin style

---
 frontend/src/app/src/components/MapView.vue     | 17 ++++++++++-------
 .../app/src/components/ProvisionInstance.vue    |  2 +-
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/src/components/MapView.vue b/frontend/src/app/src/components/MapView.vue
index 46f2d4f..131a23b 100644
--- a/frontend/src/app/src/components/MapView.vue
+++ b/frontend/src/app/src/components/MapView.vue
@@ -7,8 +7,8 @@
   // position: absolute;
   // top: 0;
   // bottom: 0;
-  height: 81vh;
-  width: 100%;
+  height: 85vh;
+  width: 99%;
   // border-radius: 5px;
   // box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
   // z-index: 10;
@@ -35,10 +35,13 @@ export default {
     applySource(geometry, extent) {
       console.log("Extent", extent);
 
-      this.mapView.fitBounds([
-        [extent[0], extent[1]], // southwestern corner of the bounds
-        [extent[2], extent[3]], // northeastern corner of the bounds
-      ], {padding: 200});
+      this.mapView.fitBounds(
+        [
+          [extent[0], extent[1]], // southwestern corner of the bounds
+          [extent[2], extent[3]], // northeastern corner of the bounds
+        ],
+        { padding: 200 }
+      );
 
       // this.mapView.flyTo({
       //   center: geometry.coordinates,
@@ -106,7 +109,7 @@ export default {
     });
 
     const attribution = new mapboxgl.AttributionControl();
-    this.mapView.addControl(attribution, 'bottom-right');
+    this.mapView.addControl(attribution, "bottom-right");
 
     // this.drawView = new MapboxDraw({
     //   displayControlsDefault: false,
diff --git a/frontend/src/app/src/components/ProvisionInstance.vue b/frontend/src/app/src/components/ProvisionInstance.vue
index 9568a4f..9c0cef6 100644
--- a/frontend/src/app/src/components/ProvisionInstance.vue
+++ b/frontend/src/app/src/components/ProvisionInstance.vue
@@ -138,7 +138,7 @@
         <br />
         <v-btn
           large
-          class="v-step-3 white--text float-right"
+          class="v-step-3 white--text float-left"
           :disabled="!valid"
           color="#2c3e50"
           @click="validate"