mirror of
https://github.com/element-hq/element-web
synced 2024-11-24 18:25:49 +03:00
e87bda9f37
* Add an option to ignore (block) a user when reporting their events This is primarily useful if the content being reported really doesn't belong on your screen, and the room moderators are slow to react. Ideally we'd use the word "block" instead of "ignore", but we call it "ignore user" everywhere else. See https://github.com/vector-im/element-web/issues/19590 for further context on the word choice. This change includes a minor refactor to the styles of labelled toggles (for reusability). * Appease the linter * Use a checkbox instead of toggle in the dialog * Update classnames handling for toggle switch * Appease the linter
114 lines
3.2 KiB
Text
114 lines
3.2 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<Notifications /> main notification switches email switches renders email switches correctly when email 3pids exist 1`] = `
|
|
<LabelledToggleSwitch
|
|
data-test-id="notif-email-switch"
|
|
disabled={false}
|
|
key="tester@test.com"
|
|
label="Enable email notifications for tester@test.com"
|
|
onChange={[Function]}
|
|
value={false}
|
|
>
|
|
<div
|
|
className="mx_SettingsFlag"
|
|
>
|
|
<span
|
|
className="mx_SettingsFlag_label"
|
|
>
|
|
Enable email notifications for tester@test.com
|
|
</span>
|
|
<_default
|
|
aria-label="Enable email notifications for tester@test.com"
|
|
checked={false}
|
|
disabled={false}
|
|
onChange={[Function]}
|
|
>
|
|
<AccessibleButton
|
|
aria-checked={false}
|
|
aria-disabled={false}
|
|
aria-label="Enable email notifications for tester@test.com"
|
|
className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
|
element="div"
|
|
onClick={[Function]}
|
|
role="switch"
|
|
tabIndex={0}
|
|
>
|
|
<div
|
|
aria-checked={false}
|
|
aria-disabled={false}
|
|
aria-label="Enable email notifications for tester@test.com"
|
|
className="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
role="switch"
|
|
tabIndex={0}
|
|
>
|
|
<div
|
|
className="mx_ToggleSwitch_ball"
|
|
/>
|
|
</div>
|
|
</AccessibleButton>
|
|
</_default>
|
|
</div>
|
|
</LabelledToggleSwitch>
|
|
`;
|
|
|
|
exports[`<Notifications /> main notification switches renders only enable notifications switch when notifications are disabled 1`] = `
|
|
<Notifications>
|
|
<div
|
|
className="mx_UserNotifSettings"
|
|
>
|
|
<LabelledToggleSwitch
|
|
data-test-id="notif-master-switch"
|
|
disabled={false}
|
|
label="Enable for this account"
|
|
onChange={[Function]}
|
|
value={false}
|
|
>
|
|
<div
|
|
className="mx_SettingsFlag"
|
|
>
|
|
<span
|
|
className="mx_SettingsFlag_label"
|
|
>
|
|
Enable for this account
|
|
</span>
|
|
<_default
|
|
aria-label="Enable for this account"
|
|
checked={false}
|
|
disabled={false}
|
|
onChange={[Function]}
|
|
>
|
|
<AccessibleButton
|
|
aria-checked={false}
|
|
aria-disabled={false}
|
|
aria-label="Enable for this account"
|
|
className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
|
element="div"
|
|
onClick={[Function]}
|
|
role="switch"
|
|
tabIndex={0}
|
|
>
|
|
<div
|
|
aria-checked={false}
|
|
aria-disabled={false}
|
|
aria-label="Enable for this account"
|
|
className="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
role="switch"
|
|
tabIndex={0}
|
|
>
|
|
<div
|
|
className="mx_ToggleSwitch_ball"
|
|
/>
|
|
</div>
|
|
</AccessibleButton>
|
|
</_default>
|
|
</div>
|
|
</LabelledToggleSwitch>
|
|
</div>
|
|
</Notifications>
|
|
`;
|