diff options
Diffstat (limited to 'src/components/SetGuestUsername.vue')
-rw-r--r-- | src/components/SetGuestUsername.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/components/SetGuestUsername.vue b/src/components/SetGuestUsername.vue index 763542ba0..b02324b9e 100644 --- a/src/components/SetGuestUsername.vue +++ b/src/components/SetGuestUsername.vue @@ -25,12 +25,12 @@ @submit.prevent="handleChooseUserName"> <!-- eslint-disable-next-line vue/no-v-html --> <h3 v-html="displayNameLabel" /> - <ButtonVue @click.prevent="handleEditUsername"> + <NcButton @click.prevent="handleEditUsername"> {{ t('spreed', 'Edit') }} <template #icon> <Pencil :size="20" /> </template> - </ButtonVue> + </NcButton> <div v-if="isEditingUsername" class="username-form__wrapper"> <input ref="usernameInput" @@ -40,21 +40,21 @@ type="text" @keydown.enter="handleChooseUserName" @keydown.esc="isEditingUsername = !isEditingUsername"> - <ButtonVue class="username-form__button" + <NcButton class="username-form__button" native-type="submit" :aria-label="t('spreed', 'Save name')" type="tertiary"> <template #icon> <ArrowRight :size="20" /> </template> - </ButtonVue> + </NcButton> </div> </form> </template> <script> import { setGuestUserName } from '../services/participantsService.js' -import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue.js' +import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' import Pencil from 'vue-material-design-icons/Pencil.vue' import ArrowRight from 'vue-material-design-icons/ArrowRight.vue' @@ -62,7 +62,7 @@ export default { name: 'SetGuestUsername', components: { - ButtonVue, + NcButton, Pencil, ArrowRight, }, |