From 9a677ae4ded8788437c3535c866464b6fa2cd736 Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Wed, 17 Jan 2024 17:55:20 +0530
Subject: [PATCH] Improved: UI for the filters section

---
 src/views/BrokeringQuery.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/BrokeringQuery.vue b/src/views/BrokeringQuery.vue
index 0991d4c..b5988c5 100644
--- a/src/views/BrokeringQuery.vue
+++ b/src/views/BrokeringQuery.vue
@@ -32,7 +32,10 @@
             </ion-item>
             <ion-item>
               <ion-label>{{ "Promise date" }}</ion-label>
-              <ion-chip>{{ "select date" }}</ion-chip>
+              <ion-chip>
+                {{ "in 5 days" }}
+                <ion-icon :icon="closeCircleOutline"/>
+              </ion-chip>
             </ion-item>
             <ion-item>
               <ion-select label="Queue" value="Brokering Queue">
@@ -176,6 +179,10 @@
                     <ion-select-option>{{ "Next rule" }}</ion-select-option>
                   </ion-select>
                 </ion-item>
+                <ion-item lines="none">
+                  <ion-label>{{ "Auto cancel days" }}</ion-label>
+                  <ion-chip outline>{{ "10 days" }}</ion-chip>
+                </ion-item>
               </ion-card>
             </div>
           </section>
@@ -187,7 +194,7 @@
 
 <script setup lang="ts">
 import { IonButton, IonCard, IonChip, IonContent, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonLabel, IonList, IonPage, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonToggle, alertController } from "@ionic/vue";
-import { addCircleOutline, chevronUpOutline, filterOutline, golfOutline, optionsOutline, playForwardOutline, swapVerticalOutline } from "ionicons/icons"
+import { addCircleOutline, chevronUpOutline, closeCircleOutline, filterOutline, golfOutline, optionsOutline, playForwardOutline, swapVerticalOutline } from "ionicons/icons"
 import { useRouter } from "vue-router";
 
 const router = useRouter();