0be622e7f0
* add session manager tab to user settings * fussy import ordering * i18n * basic sorted list outline * rename to filtered device list * exclude current device session from other sessions list * test other sessions section
59 lines
2.1 KiB
TypeScript
59 lines
2.1 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React from 'react';
|
|
|
|
import { _t } from "../../../../../languageHandler";
|
|
import Spinner from '../../../elements/Spinner';
|
|
import { useOwnDevices } from '../../devices/useOwnDevices';
|
|
import DeviceTile from '../../devices/DeviceTile';
|
|
import SettingsSubsection from '../../shared/SettingsSubsection';
|
|
import SettingsTab from '../SettingsTab';
|
|
import FilteredDeviceList from '../../devices/FilteredDeviceList';
|
|
|
|
const SessionManagerTab: React.FC = () => {
|
|
const { devices, currentDeviceId, isLoading } = useOwnDevices();
|
|
|
|
const { [currentDeviceId]: currentDevice, ...otherDevices } = devices;
|
|
const shouldShowOtherSessions = Object.keys(otherDevices).length > 0;
|
|
|
|
return <SettingsTab heading={_t('Sessions')}>
|
|
<SettingsSubsection
|
|
heading={_t('Current session')}
|
|
data-testid='current-session-section'
|
|
>
|
|
{ isLoading && <Spinner /> }
|
|
{ !!currentDevice && <DeviceTile
|
|
device={currentDevice}
|
|
/> }
|
|
</SettingsSubsection>
|
|
{
|
|
shouldShowOtherSessions &&
|
|
<SettingsSubsection
|
|
heading={_t('Other sessions')}
|
|
description={_t(
|
|
`For best security, verify your sessions and sign out ` +
|
|
`from any session that you don't recognize or use anymore.`,
|
|
)}
|
|
data-testid='other-sessions-section'
|
|
>
|
|
<FilteredDeviceList devices={otherDevices} />
|
|
</SettingsSubsection>
|
|
}
|
|
</SettingsTab>;
|
|
};
|
|
|
|
export default SessionManagerTab;
|