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 StatusContent from '../status_content/status_content.vue'
import Timeago from '../timeago/timeago.vue' import Timeago from '../timeago/timeago.vue'
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator' import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@ -7,6 +8,7 @@ const Report = {
'reportId' 'reportId'
], ],
components: { components: {
Select,
StatusContent, StatusContent,
Timeago Timeago
}, },

View File

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