imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Device manager - logout current session (PSG-743) (#9275)

Browse source 
* trigger verification of other devices

* add sign out of current device section in device details

* fix classname

* lint

* strict type fix

* fix test

* improve mocked VerifReq
This commit is contained in:
Kerry 2022-09-14 14:37:36 +02:00 • committed by GitHub
parent 41960b164b
commit f20d86b7b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 113 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/views/settings/devices/DeviceDetails.tsx
View file

@ -18,6 +18,7 @@ import React from 'react';
import { formatDate } from '../../../../DateUtils';
import { _t } from '../../../../languageHandler';
import AccessibleButton from '../../elements/AccessibleButton';
import Heading from '../../typography/Heading';
import { DeviceVerificationStatusCard } from './DeviceVerificationStatusCard';
import { DeviceWithVerification } from './types';
@ -25,6 +26,9 @@ import { DeviceWithVerification } from './types';
interface Props {
device: DeviceWithVerification;
onVerifyDevice?: () => void;
// @TODO(kerry) optional while signout only implemented
// for current device (PSG-744)
onSignOutDevice?: () => void;
}
interface MetadataTable {
@ -35,6 +39,7 @@ interface MetadataTable {
const DeviceDetails: React.FC<Props> = ({
device,
onVerifyDevice,
onSignOutDevice,
}) => {
const metadata: MetadataTable[] = [
{
@ -64,7 +69,7 @@ const DeviceDetails: React.FC<Props> = ({
<section className='mx_DeviceDetails_section'>
<p className='mx_DeviceDetails_sectionHeading'>{ _t('Session details') }</p>
{ metadata.map(({ heading, values }, index) => <table
className='mxDeviceDetails_metadataTable'
className='mx_DeviceDetails_metadataTable'
key={index}
>
{ heading &&
@ -82,6 +87,15 @@ const DeviceDetails: React.FC<Props> = ({
</table>,
) }
</section>
{ !!onSignOutDevice && <section className='mx_DeviceDetails_section'>
<AccessibleButton
onClick={onSignOutDevice}
kind='danger_inline'
data-testid='device-detail-sign-out-cta'
>
{ _t('Sign out of this session') }
</AccessibleButton>
</section> }
</div>;
};