Add autofocus prop on JoinOrNewLOD Radio buttons

learningequality · Nov 23, 2023 · f6c9afc · f6c9afc
1 parent 800d2ca
commit f6c9afc
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/kolibri/plugins/setup_wizard/assets/src/views/JoinOrNewLOD.vue b/kolibri/plugins/setup_wizard/assets/src/views/JoinOrNewLOD.vue
@@ -10,12 +10,14 @@
       :label="$tr('joinFacilityLabel')"
       :value="Options.JOIN"
       class="radio-button"
+      :autofocus="isJoinSetup"
     />
     <KRadioButton
       v-model="selected"
       :label="$tr('importFromFacilityLabel')"
       :value="Options.IMPORT"
       class="radio-button"
+      :autofocus="isImportSetup"
     />
     <SelectDeviceModalGroup
       v-if="showSelectAddressModal"
@@ -47,6 +49,14 @@
         showSelectAddressModal: false,
       };
     },
+    computed: {
+      isJoinSetup() {
+        return this.selected === Options.JOIN;
+      },
+      isImportSetup() {
+        return this.selected === Options.IMPORT;
+      },
+    },
     methods: {
       handleContinueImport(address) {
         this.wizardService.send({