chore(web): display recovery code on hardware security keys section
This commit is contained in:
@@ -12,6 +12,7 @@ import Button from '@/Components/Button/Button'
|
|||||||
import U2FAddDeviceView from '../U2FAddDeviceView'
|
import U2FAddDeviceView from '../U2FAddDeviceView'
|
||||||
import U2FDevicesList from './U2FDevicesList'
|
import U2FDevicesList from './U2FDevicesList'
|
||||||
import ModalOverlay from '@/Components/Modal/ModalOverlay'
|
import ModalOverlay from '@/Components/Modal/ModalOverlay'
|
||||||
|
import RecoveryCodeBanner from '@/Components/RecoveryCodeBanner/RecoveryCodeBanner'
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
application: WebApplication
|
application: WebApplication
|
||||||
@@ -67,6 +68,13 @@ const U2FView: FunctionComponent<Props> = ({ application, userProvider }) => {
|
|||||||
onClick={handleAddDeviceClick}
|
onClick={handleAddDeviceClick}
|
||||||
/>
|
/>
|
||||||
</PreferencesSegment>
|
</PreferencesSegment>
|
||||||
|
{devices.length > 0 && (
|
||||||
|
<PreferencesSegment>
|
||||||
|
<div className="mt-3">
|
||||||
|
<RecoveryCodeBanner application={application} />
|
||||||
|
</div>
|
||||||
|
</PreferencesSegment>
|
||||||
|
)}
|
||||||
</PreferencesGroup>
|
</PreferencesGroup>
|
||||||
<ModalOverlay isOpen={showDeviceAddingModal}>
|
<ModalOverlay isOpen={showDeviceAddingModal}>
|
||||||
<U2FAddDeviceView
|
<U2FAddDeviceView
|
||||||
|
|||||||
Reference in New Issue
Block a user