sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Update compound web and design tokens (#33698)

Browse Source 
* chore: update comppound web and design tokens

* test: update snapshots

* test: update screenshots
This commit is contained in:
Florian Duros
2026-06-03 11:51:58 +00:00
committed by GitHub
parent ce69e07620
commit 47f76c7d7a
65 changed files with 735 additions and 735 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/test/unit-tests/components/views/settings/__snapshots__/LayoutSwitcher-test.tsx.snap
+13 -13
View File
@@ -19,14 +19,14 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16 mx_LayoutSwitcher_LayoutSelector"
class="_root_1o4d9_17 mx_LayoutSwitcher_LayoutSelector"
>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Modern"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
<div
@@ -117,11 +117,11 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</label>
</div>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Message bubbles"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-2"
>
<div
@@ -211,11 +211,11 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</label>
</div>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="IRC (experimental)"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-3"
>
<div
@@ -309,13 +309,13 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -335,16 +335,16 @@ exports[`<LayoutSwitcher /> should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-5"
>
Show compact text and messages
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-4"
>
Modern layout must be selected to use this feature.
apps/web/test/unit-tests/components/views/settings/__snapshots__/Notifications-test.tsx.snap
+15 -15
View File
@@ -3,13 +3,13 @@
exports[`<Notifications /> main notification switches renders only enable notifications switch when notifications are disabled 1`] = `
<div>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -26,16 +26,16 @@ exports[`<Notifications /> main notification switches renders only enable notifi
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable notifications for this account
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-2"
>
Turn off to disable notifications on all your devices and sessions
@@ -44,13 +44,13 @@ exports[`<Notifications /> main notification switches renders only enable notifi
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -68,10 +68,10 @@ exports[`<Notifications /> main notification switches renders only enable notifi
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_testid_0"
>
Show all activity in the room list (dots or number of unread messages)
@@ -79,10 +79,10 @@ exports[`<Notifications /> main notification switches renders only enable notifi
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -100,10 +100,10 @@ exports[`<Notifications /> main notification switches renders only enable notifi
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_testid_1"
>
Only show notifications in the thread activity centre
apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
+3 -3
View File
@@ -23,13 +23,13 @@ exports[`<SetIdServer /> renders expected fields 1`] = `
class="mx_SettingsFieldset_content"
>
<form
class="_root_19upo_16 mx_IdentityServerPicker"
class="_root_1o4d9_17 mx_IdentityServerPicker"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
Enter a new identity server
apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIntegrationManager-test.tsx.snap
+5 -5
View File
@@ -2,7 +2,7 @@
exports[`SetIntegrationManager should render manage integrations sections 1`] = `
<form
class="_root_19upo_16 mx_SetIntegrationManager"
class="_root_1o4d9_17 mx_SetIntegrationManager"
data-testid="mx_SetIntegrationManager"
>
<div
@@ -42,10 +42,10 @@ exports[`SetIntegrationManager should render manage integrations sections 1`] =
Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -62,10 +62,10 @@ exports[`SetIntegrationManager should render manage integrations sections 1`] =
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable the integration manager
apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
+70 -70
View File
@@ -19,13 +19,13 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -44,10 +44,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
Match system theme
@@ -56,13 +56,13 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</form>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -82,10 +82,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-2"
>
Light
@@ -93,10 +93,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -115,10 +115,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-3"
>
Dark
@@ -126,10 +126,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -148,10 +148,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-4"
>
High contrast
@@ -159,10 +159,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -181,10 +181,10 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-5"
>
Alice theme
@@ -196,13 +196,13 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="mx_ThemeChoicePanel_CustomTheme"
>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
class="_root_1o4d9_17 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-6"
>
Add custom theme
@@ -220,7 +220,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
/>
</div>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-7"
>
Enter the URL of a custom theme you want to apply.
@@ -298,13 +298,13 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -323,10 +323,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
Match system theme
@@ -335,13 +335,13 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</form>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -361,10 +361,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-2"
>
Light
@@ -372,10 +372,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -394,10 +394,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-3"
>
Dark
@@ -405,10 +405,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -427,10 +427,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-4"
>
High contrast
@@ -438,10 +438,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -460,10 +460,10 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-5"
>
Alice theme
@@ -475,13 +475,13 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="mx_ThemeChoicePanel_CustomTheme"
>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
class="_root_1o4d9_17 mx_ThemeChoicePanel_CustomTheme_EditInPlace"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-6"
>
Add custom theme
@@ -499,7 +499,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
/>
</div>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-7"
>
Enter the URL of a custom theme you want to apply.
@@ -577,13 +577,13 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -602,10 +602,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
Match system theme
@@ -614,13 +614,13 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</form>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_enabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -640,10 +640,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-2"
>
Light
@@ -651,10 +651,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -673,10 +673,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-3"
>
Dark
@@ -684,10 +684,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -706,10 +706,10 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-4"
>
High contrast
apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
+8 -8
View File
@@ -10,13 +10,13 @@ exports[`<FilteredDeviceListHeader /> renders correctly when all devices are sel
tabindex="0"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -49,7 +49,7 @@ exports[`<FilteredDeviceListHeader /> renders correctly when all devices are sel
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
/>
</div>
</form>
@@ -76,13 +76,13 @@ exports[`<FilteredDeviceListHeader /> renders correctly when no devices are sele
tabindex="0"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -114,7 +114,7 @@ exports[`<FilteredDeviceListHeader /> renders correctly when no devices are sele
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
/>
</div>
</form>
apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/SelectableDeviceTile-test.tsx.snap
+5 -5
View File
@@ -16,13 +16,13 @@ exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1
class="mx_SelectableDeviceTile"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SelectableDeviceTile_checkbox"
class="_inline-field_1o4d9_33 mx_SelectableDeviceTile_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -52,10 +52,10 @@ exports[`<SelectableDeviceTile /> renders unselected device tile with checkbox 1
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="device-tile-checkbox-my-device"
>
<div
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
+6 -6
View File
@@ -201,7 +201,7 @@ exports[`<AdvancedPanel /> <EncryptionDetails /> should display the device keys
exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unverified devices settings 1`] = `
<form
class="_root_19upo_16 mx_OtherSettings"
class="_root_1o4d9_17 mx_OtherSettings"
data-testid="otherSettings"
>
<h3
@@ -210,10 +210,10 @@ exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unv
Other people’s devices
</h3>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -234,16 +234,16 @@ exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unv
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-2"
>
In encrypted rooms, only send messages to verified users
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-1"
>
Warning: users who have not explicitly verified with you (e.g. using emoji) will not receive your encrypted messages. Also, unverified devices of verified users will not receive your encrypted messages. Changes require an application restart to take effect.
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
+7 -7
View File
@@ -251,13 +251,13 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
</span>
</div>
<form
class="_root_19upo_16 mx_KeyForm"
class="_root_1o4d9_17 mx_KeyForm"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-1"
>
Enter recovery key
@@ -411,14 +411,14 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
</span>
</div>
<form
class="_root_19upo_16 mx_KeyForm"
class="_root_1o4d9_17 mx_KeyForm"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
data-invalid="true"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
data-invalid="true"
for="radix-react-use-id-1"
>
@@ -460,7 +460,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
</button>
</div>
<span
class="_message_19upo_85 _error-message_19upo_95"
class="_message_1o4d9_86 _error-message_1o4d9_96"
id="radix-react-use-id-3"
>
<svg
apps/web/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
+149 -149
View File
@@ -12,13 +12,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_SettingsSection_subSections"
>
<form
class="_root_19upo_16 mx_SettingsSubsection_content"
class="_root_1o4d9_17 mx_SettingsSubsection_content"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -37,10 +37,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable notifications for this account
@@ -48,10 +48,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -68,10 +68,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_vY7Q4uEh9K38"
>
Enable desktop notifications for this session
@@ -79,10 +79,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -99,10 +99,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_QgU2PomxwKpa"
>
Show message preview in desktop notification
@@ -110,10 +110,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -131,10 +131,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_6hpi3YEetmBG"
>
Enable audible notifications for this session
@@ -263,13 +263,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -300,10 +300,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_4yVCeEefiP"
>
<span
@@ -320,13 +320,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -357,10 +357,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_qpMRMwbPDm"
>
<span
@@ -377,13 +377,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -414,10 +414,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_fGtmGQvdMW"
>
<span
@@ -451,13 +451,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -488,10 +488,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_e954DVIAu5"
>
<span
@@ -508,13 +508,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -544,10 +544,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_CsiHRD7nyr"
>
<span
@@ -564,13 +564,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -601,10 +601,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_A2ohjWVJIP"
>
<span
@@ -659,13 +659,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -696,10 +696,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_auy1OmnTid"
>
<span
@@ -717,13 +717,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
id="mx_NotificationSettings2_MentionCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -754,10 +754,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_X4ePDS0OpW"
>
<span
@@ -774,13 +774,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -812,10 +812,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_wAHG75JNTN"
>
<span
@@ -825,7 +825,7 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</span>
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-2"
>
Enter keywords here, or use for spelling variations or nicknames
@@ -874,13 +874,13 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
/>
</div>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -898,10 +898,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_kNU64raTLcRs"
>
Show all activity in the room list (dots or number of unread messages)
@@ -909,10 +909,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -930,10 +930,10 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_QRlYy75nfv5b"
>
Only show notifications in the thread activity centre
@@ -1037,13 +1037,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_SettingsSection_subSections"
>
<form
class="_root_19upo_16 mx_SettingsSubsection_content"
class="_root_1o4d9_17 mx_SettingsSubsection_content"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -1061,10 +1061,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable notifications for this account
@@ -1072,10 +1072,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -1092,10 +1092,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_vY7Q4uEh9K38"
>
Enable desktop notifications for this session
@@ -1103,10 +1103,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -1123,10 +1123,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_QgU2PomxwKpa"
>
Show message preview in desktop notification
@@ -1134,10 +1134,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -1155,10 +1155,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_6hpi3YEetmBG"
>
Enable audible notifications for this session
@@ -1284,13 +1284,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1320,10 +1320,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_OEPN1su1JY"
>
<span
@@ -1340,13 +1340,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1376,10 +1376,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_VtOyR5kbu3"
>
<span
@@ -1396,13 +1396,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1432,10 +1432,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_pEwuLn9Enn"
>
<span
@@ -1469,13 +1469,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1505,10 +1505,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_YuxfFEpOsz"
>
<span
@@ -1525,13 +1525,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1560,10 +1560,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_tWhQkBerF1"
>
<span
@@ -1580,13 +1580,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1616,10 +1616,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_ejc4GFes1U"
>
<span
@@ -1674,13 +1674,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1710,10 +1710,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_FzOK2nvfGF"
>
<span
@@ -1731,13 +1731,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
id="mx_NotificationSettings2_MentionCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1767,10 +1767,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_MldL2r2vbs"
>
<span
@@ -1787,13 +1787,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -1824,10 +1824,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_SwicmKUiOB"
>
<span
@@ -1837,7 +1837,7 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</span>
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-2"
>
Enter keywords here, or use for spelling variations or nicknames
@@ -2100,13 +2100,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -2124,10 +2124,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_kNU64raTLcRs"
>
Show all activity in the room list (dots or number of unread messages)
@@ -2135,10 +2135,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -2156,10 +2156,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="mx_SettingsFlag_QRlYy75nfv5b"
>
Only show notifications in the thread activity centre
@@ -2215,13 +2215,13 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="mx_LabelledCheckbox"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -2250,10 +2250,10 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_dvqsxEaZtl"
>
<span
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+26 -26
View File
@@ -32,13 +32,13 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16 mx_ThemeChoicePanel_ThemeSelectors"
class="_root_1o4d9_17 mx_ThemeChoicePanel_ThemeSelectors"
>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -58,10 +58,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-1"
>
Light
@@ -69,10 +69,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-dark"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-dark"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -92,10 +92,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-2"
>
Dark
@@ -103,10 +103,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field_19upo_32 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
class="_inline-field_1o4d9_33 mx_ThemeChoicePanel_themeSelector mx_ThemeChoicePanel_themeSelector_disabled cpd-theme-light"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_1ug7n_10"
@@ -126,10 +126,10 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
class="_label_1o4d9_60 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-react-use-id-3"
>
High contrast
@@ -162,14 +162,14 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="mx_SettingsSubsection_content mx_SettingsSubsection_content_newUi"
>
<form
class="_root_19upo_16 mx_LayoutSwitcher_LayoutSelector"
class="_root_1o4d9_17 mx_LayoutSwitcher_LayoutSelector"
>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Modern"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-4"
>
<div
@@ -260,11 +260,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</label>
</div>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="Message bubbles"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-5"
>
<div
@@ -354,11 +354,11 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</label>
</div>
<div
class="_field_19upo_26 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
class="_field_1o4d9_27 mxLayoutSwitcher_LayoutSelector_LayoutRadio"
>
<label
aria-label="IRC (experimental)"
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-6"
>
<div
@@ -452,13 +452,13 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -478,16 +478,16 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-8"
>
Show compact text and messages
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="radix-react-use-id-7"
>
Modern layout must be selected to use this feature.
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
+183 -183
View File
File diff suppressed because it is too large Load Diff
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
+8 -8
View File
@@ -35,7 +35,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
class="mx_SettingsTab_sections"
>
<form
class="_root_19upo_16 mx_SetIntegrationManager"
class="_root_1o4d9_17 mx_SetIntegrationManager"
data-testid="mx_SetIntegrationManager"
>
<div
@@ -75,10 +75,10 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.
</div>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_udcm8_10"
@@ -96,10 +96,10 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="react-use-id-1"
>
Enable the integration manager
@@ -216,13 +216,13 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
class="mx_SettingsFieldset_content"
>
<form
class="_root_19upo_16 mx_IdentityServerPicker"
class="_root_1o4d9_17 mx_IdentityServerPicker"
>
<div
class="_field_19upo_26"
class="_field_1o4d9_27"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="radix-react-use-id-2"
>
Enter a new identity server
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
+4 -4
View File
@@ -445,13 +445,13 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
tabindex="0"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32"
class="_inline-field_1o4d9_33"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -483,7 +483,7 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
/>
</div>
</form>
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
+48 -48
View File
@@ -39,13 +39,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="mx_SettingsSubsection_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -77,10 +77,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_vY7Q4uEh9K"
>
<svg
@@ -98,7 +98,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
Home
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-1"
>
Home is useful for getting an overview of everything.
@@ -107,13 +107,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -144,16 +144,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_38QgU2Pomx"
>
Show all rooms
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-2"
>
Show all your rooms in Home, even if they're in a space.
@@ -162,13 +162,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -198,16 +198,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_wKpa6hpi3Y"
>
Rooms outside of a space
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-3"
>
Group all your rooms that aren't part of a space in one place.
@@ -216,13 +216,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -252,10 +252,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_EetmBG4yVC"
>
<svg
@@ -273,7 +273,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
Video rooms and conferences
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-4"
>
Group all private video rooms and conferences. In conferences you can invite people outside of matrix.
@@ -329,13 +329,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="mx_SettingsSubsection_content"
>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -367,10 +367,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_vY7Q4uEh9K"
>
<svg
@@ -388,7 +388,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
Home
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-1"
>
Home is useful for getting an overview of everything.
@@ -397,13 +397,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -434,16 +434,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_38QgU2Pomx"
>
Show all rooms
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-2"
>
Show all your rooms in Home, even if they're in a space.
@@ -452,13 +452,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -488,16 +488,16 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_wKpa6hpi3Y"
>
Rooms outside of a space
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-3"
>
Group all your rooms that aren't part of a space in one place.
@@ -506,13 +506,13 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</form>
<form
class="_root_19upo_16"
class="_root_1o4d9_17"
>
<div
class="_inline-field_19upo_32 mx_SidebarUserSettingsTab_checkbox"
class="_inline-field_1o4d9_33 mx_SidebarUserSettingsTab_checkbox"
>
<div
class="_inline-field-control_19upo_44"
class="_inline-field-control_1o4d9_45"
>
<div
class="_container_153f2_10"
@@ -542,10 +542,10 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</div>
</div>
<div
class="_inline-field-body_19upo_38"
class="_inline-field-body_1o4d9_39"
>
<label
class="_label_19upo_59"
class="_label_1o4d9_60"
for="checkbox_EetmBG4yVC"
>
<svg
@@ -563,7 +563,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
Video rooms and conferences
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
class="_message_1o4d9_86 _help-message_1o4d9_92"
id="react-use-id-4"
>
Group all private video rooms and conferences.