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

Device manager - add verification details to session details (PSG-644) (#9187)

Browse source 
* extract security card for session verification to shared comp

* add card to device details

* tidy

* fix section spacing

* update snapshots
This commit is contained in:
Kerry 2022-08-16 13:45:09 +02:00 • committed by GitHub
parent ba171f1fe5
commit 9bf77963ee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 250 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -15,14 +15,15 @@ limitations under the License.
*/
import React from 'react';
import { IMyDevice } from 'matrix-js-sdk/src/matrix';
import { formatDate } from '../../../../DateUtils';
import { _t } from '../../../../languageHandler';
import Heading from '../../typography/Heading';
import { DeviceVerificationStatusCard } from './DeviceVerificationStatusCard';
import { DeviceWithVerification } from './types';
interface Props {
device: IMyDevice;
device: DeviceWithVerification;
}
interface MetadataTable {
@ -51,6 +52,7 @@ const DeviceDetails: React.FC<Props> = ({ device }) => {
return <div className='mx_DeviceDetails'>
<section className='mx_DeviceDetails_section'>
<Heading size='h3'>{ device.display_name ?? device.device_id }</Heading>
<DeviceVerificationStatusCard device={device} />
</section>
<section className='mx_DeviceDetails_section'>
<p className='mx_DeviceDetails_sectionHeading'>{ _t('Session details') }</p>