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

Device manager - verify other devices (PSG-724) (#9274)

Browse source 
* trigger verification of other devices

* tests

* fix strict errors

* add types
This commit is contained in:
Kerry 2022-09-14 12:40:26 +02:00 • committed by GitHub
parent 236ca2e494
commit 4623d84dd0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 181 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -24,6 +24,7 @@ import { DeviceWithVerification } from './types';
interface Props {
device: DeviceWithVerification;
onVerifyDevice?: () => void;
}
interface MetadataTable {
@ -31,7 +32,10 @@ interface MetadataTable {
values: { label: string, value?: string | React.ReactNode }[];
}
const DeviceDetails: React.FC<Props> = ({ device }) => {
const DeviceDetails: React.FC<Props> = ({
device,
onVerifyDevice,
}) => {
const metadata: MetadataTable[] = [
{
values: [
@ -52,7 +56,10 @@ const DeviceDetails: React.FC<Props> = ({ device }) => {
return <div className='mx_DeviceDetails' data-testid={`device-detail-${device.device_id}`}>
<section className='mx_DeviceDetails_section'>
<Heading size='h3'>{ device.display_name ?? device.device_id }</Heading>
<DeviceVerificationStatusCard device={device} />
<DeviceVerificationStatusCard
device={device}
onVerifyDevice={onVerifyDevice}
/>
</section>
<section className='mx_DeviceDetails_section'>
<p className='mx_DeviceDetails_sectionHeading'>{ _t('Session details') }</p>