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.
This commit is contained in:
Ilja 2022-03-20 09:31:36 +01:00
parent c9e4b6e7a1
commit 1d42d05c1f
2 changed files with 13 additions and 20 deletions

View file

@ -1,3 +1,4 @@
import Select from '../select/select.vue'
import StatusContent from '../status_content/status_content.vue'
import Timeago from '../timeago/timeago.vue'
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@ -7,6 +8,7 @@ const Report = {
'reportId'
],
components: {
Select,
StatusContent,
Timeago
},

View file

@ -14,12 +14,8 @@
</div>
<div class="report-state">
<span>{{ $t('report.state') }}</span>
<label
for="report-state"
class="select"
>
<select
id="report-state"
<Select
:id="report-state"
v-model="state"
class="form-control"
>
@ -30,12 +26,7 @@
>
{{ $t('report.state_' + state) }}
</option>
</select>
<FAIcon
class="select-down-icon"
icon="chevron-down"
/>
</label>
</Select>
</div>
<!-- eslint-disable vue/no-v-html -->
<div