JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: migrate MFARecoveryCodesModal component to use SFC composition api

Browse Source 
Change-Id: Ibe2a83829ba60bb2b541e8aaa1d8b0fb01ef01bd
This commit is contained in:
Vitalii 2023-04-03 15:48:55 +03:00 committed by Storj Robot
parent ceaa50016d
commit aca348fc5b
1 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/satellite/src/components/modals/MFARecoveryCodesModal.vue
View File

@ -29,36 +29,30 @@
</VModal>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
<script setup lang="ts">
import { computed } from 'vue';
import { MODALS } from '@/utils/constants/appStatePopUps';
import { APP_STATE_MUTATIONS } from '@/store/mutationConstants';
import { useStore } from '@/utils/hooks';
import VButton from '@/components/common/VButton.vue';
import VModal from '@/components/common/VModal.vue';
// @vue/component
@Component({
components: {
VButton,
VModal,
},
})
export default class MFARecoveryCodesModal extends Vue {
/**
* Closes modal.
*/
public closeModal(): void {
this.$store.commit(APP_STATE_MUTATIONS.UPDATE_ACTIVE_MODAL, MODALS.mfaRecovery);
}
const store = useStore();
/**
* Returns MFA recovery codes from store.
*/
public get userMFARecoveryCodes(): string[] {
return this.$store.state.usersModule.userMFARecoveryCodes;
}
const userMFARecoveryCodes = computed((): string[] => {
return store.state.usersModule.userMFARecoveryCodes;
});
/**
* Closes modal.
*/
function closeModal(): void {
store.commit(APP_STATE_MUTATIONS.UPDATE_ACTIVE_MODAL, MODALS.mfaRecovery);
}
</script>