From 1d42d05c1fd462af26b7d340b95343ca80879737 Mon Sep 17 00:00:00 2001
From: Ilja <ilja@ilja.space>
Date: Sun, 20 Mar 2022 09:31:36 +0100
Subject: Use Select component

After merging develop, the dropdown didn't format properly any more because selects have been made into a component. Here I turn the select into a component as well.
---
 src/components/report/report.vue | 31 +++++++++++--------------------
 1 file changed, 11 insertions(+), 20 deletions(-)

(limited to 'src/components/report/report.vue')

diff --git a/src/components/report/report.vue b/src/components/report/report.vue
index 4020773d..6f7fa7d2 100644
--- a/src/components/report/report.vue
+++ b/src/components/report/report.vue
@@ -14,28 +14,19 @@
     </div>
     <div class="report-state">
       <span>{{ $t('report.state') }}</span>
-      <label
-        for="report-state"
-        class="select"
+      <Select
+        :id="report-state"
+        v-model="state"
+        class="form-control"
       >
-        <select
-          id="report-state"
-          v-model="state"
-          class="form-control"
+        <option
+          v-for="state in ['open', 'closed', 'resolved']"
+          :key="state"
+          :value="state"
         >
-          <option
-            v-for="state in ['open', 'closed', 'resolved']"
-            :key="state"
-            :value="state"
-          >
-            {{ $t('report.state_' + state) }}
-          </option>
-        </select>
-        <FAIcon
-          class="select-down-icon"
-          icon="chevron-down"
-        />
-      </label>
+          {{ $t('report.state_' + state) }}
+        </option>
+      </Select>
     </div>
     <!-- eslint-disable vue/no-v-html -->
     <div
-- 
cgit v1.2.3-70-g09d2