Merge pull request #19971 from joeried/visual-feedback-for-2fa-code-creation

Add visual feedback while creating 2fa backup codes

apps/twofactor_backupcodes/src/views/PersonalSettings.vue

@@ -2,8 +2,10 @@
 	<div>
 		<button v-if="!enabled"
 			id="generate-backup-codes"
+			:disabled="generatingCodes"
 			@click="generateBackupCodes">
 			{{ t('twofactor_backupcodes', 'Generate backup codes') }}
+			<span :class="{'icon-loading-small': generatingCodes}" />
 		</button>
 		<template v-else>
 			<p>
@@ -28,7 +30,6 @@
 			</p>
 			<p>
 				<button id="generate-backup-codes"
-					:class="{'icon-loading-small': generatingCodes}"
 					@click="generateBackupCodes">
 					{{ t('twofactor_backupcodes', 'Regenerate backup codes') }}
 				</button>