From 0e2c78cf24754d927c692845cd396bed2ddeeb1a Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Tue, 17 Oct 2023 10:37:46 +0530
Subject: [PATCH] Improved: moved print picklist button from header to fab
 button (#306)

---
 src/views/AssignPickerModal.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/AssignPickerModal.vue b/src/views/AssignPickerModal.vue
index 16a03730..693cb088 100644
--- a/src/views/AssignPickerModal.vue
+++ b/src/views/AssignPickerModal.vue
@@ -7,7 +7,6 @@
         </ion-button>
       </ion-buttons>
       <ion-title>{{ translate("Assign Pickers") }}</ion-title>
-      <ion-button :disabled="!selectedPickers.length" fill="clear" slot="end" @click="printPicklist()">{{ translate('Print Picklist') }}</ion-button>
     </ion-toolbar>
   </ion-header>
 
@@ -36,6 +35,12 @@
       </div>
     </ion-list>
   </ion-content>
+
+  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+    <ion-fab-button :disabled="!selectedPickers.length" @click="printPicklist()">
+      <ion-icon :icon="saveOutline" />
+    </ion-fab-button>
+  </ion-fab>
 </template>
 
 <script>
@@ -57,7 +62,7 @@ import {
   IonToolbar,
   modalController } from "@ionic/vue";
 import { defineComponent } from "vue";
-import { closeOutline } from "ionicons/icons";
+import { closeOutline, saveOutline } from "ionicons/icons";
 import { mapGetters, useStore } from "vuex";
 import { showToast } from "@/utils";
 import { hasError } from "@/adapter";
@@ -235,6 +240,7 @@ export default defineComponent({
 
     return {
       closeOutline,
+      saveOutline,
       store,
       translate
     };