mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-29 14:00:48 +08: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
109 lines
2.2 KiB
Plaintext
109 lines
2.2 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<LabelledCheckbox /> should render with byline of "this is a byline" 1`] = `
|
|
<LabelledCheckbox
|
|
byline="this is a byline"
|
|
label="Hello world"
|
|
onChange={[MockFunction]}
|
|
value={true}
|
|
>
|
|
<label
|
|
className="mx_LabelledCheckbox"
|
|
>
|
|
<StyledCheckbox
|
|
checked={true}
|
|
className=""
|
|
onChange={[Function]}
|
|
>
|
|
<span
|
|
className="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
checked={true}
|
|
id="checkbox_abdefghi"
|
|
onChange={[Function]}
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
htmlFor="checkbox_abdefghi"
|
|
>
|
|
<div
|
|
className="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
className="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
<div />
|
|
</label>
|
|
</span>
|
|
</StyledCheckbox>
|
|
<div
|
|
className="mx_LabelledCheckbox_labels"
|
|
>
|
|
<span
|
|
className="mx_LabelledCheckbox_label"
|
|
>
|
|
Hello world
|
|
</span>
|
|
<span
|
|
className="mx_LabelledCheckbox_byline"
|
|
>
|
|
this is a byline
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</LabelledCheckbox>
|
|
`;
|
|
|
|
exports[`<LabelledCheckbox /> should render with byline of null 1`] = `
|
|
<LabelledCheckbox
|
|
byline={null}
|
|
label="Hello world"
|
|
onChange={[MockFunction]}
|
|
value={true}
|
|
>
|
|
<label
|
|
className="mx_LabelledCheckbox"
|
|
>
|
|
<StyledCheckbox
|
|
checked={true}
|
|
className=""
|
|
onChange={[Function]}
|
|
>
|
|
<span
|
|
className="mx_Checkbox mx_Checkbox_hasKind mx_Checkbox_kind_solid"
|
|
>
|
|
<input
|
|
checked={true}
|
|
id="checkbox_abdefghi"
|
|
onChange={[Function]}
|
|
type="checkbox"
|
|
/>
|
|
<label
|
|
htmlFor="checkbox_abdefghi"
|
|
>
|
|
<div
|
|
className="mx_Checkbox_background"
|
|
>
|
|
<div
|
|
className="mx_Checkbox_checkmark"
|
|
/>
|
|
</div>
|
|
<div />
|
|
</label>
|
|
</span>
|
|
</StyledCheckbox>
|
|
<div
|
|
className="mx_LabelledCheckbox_labels"
|
|
>
|
|
<span
|
|
className="mx_LabelledCheckbox_label"
|
|
>
|
|
Hello world
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</LabelledCheckbox>
|
|
`;
|