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

Break ThemeChoicePanel into a separate component (#6998)

Browse source 
* Break ThemeChoicePanel into a separate component

* Tests for ThemeChoicePanel

* i18n fixes

* Fix copyright for ThemeChoicePanel
This commit is contained in:
Andy Balaam 2021-10-20 15:58:27 +01:00 • committed by GitHub
parent d188d32423
commit 4b903b9fbd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 508 additions and 230 deletions
Download patch file Download diff file Expand all files Collapse all files

111
test/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap Normal file
View file

@ -0,0 +1,111 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ThemeChoicePanel renders the theme choice UI 1`] = `
<Wrapper>
<ThemeChoicePanel>
<div
className="mx_SettingsTab_section mx_ThemeChoicePanel"
>
<span
className="mx_SettingsTab_subheading"
>
Theme
</span>
<div
className="mx_ThemeSelectors"
>
<StyledRadioGroup
definitions={
Array [
Object {
"className": "mx_ThemeSelector_light",
"disabled": true,
"label": "Light",
"value": "light",
},
Object {
"className": "mx_ThemeSelector_dark",
"disabled": true,
"label": "Dark",
"value": "dark",
},
]
}
name="theme"
onChange={[Function]}
outlined={true}
>
<StyledRadioButton
checked={false}
childrenInLabel={true}
className="mx_ThemeSelector_light"
disabled={true}
name="theme"
onChange={[Function]}
outlined={true}
value="light"
>
<label
className="mx_RadioButton mx_ThemeSelector_light mx_RadioButton_disabled mx_RadioButton_outlined"
>
<input
checked={false}
disabled={true}
name="theme"
onChange={[Function]}
type="radio"
value="light"
/>
<div>
<div />
</div>
<div
className="mx_RadioButton_content"
>
Light
</div>
<div
className="mx_RadioButton_spacer"
/>
</label>
</StyledRadioButton>
<StyledRadioButton
checked={false}
childrenInLabel={true}
className="mx_ThemeSelector_dark"
disabled={true}
name="theme"
onChange={[Function]}
outlined={true}
value="dark"
>
<label
className="mx_RadioButton mx_ThemeSelector_dark mx_RadioButton_disabled mx_RadioButton_outlined"
>
<input
checked={false}
disabled={true}
name="theme"
onChange={[Function]}
type="radio"
value="dark"
/>
<div>
<div />
</div>
<div
className="mx_RadioButton_content"
>
Dark
</div>
<div
className="mx_RadioButton_spacer"
/>
</label>
</StyledRadioButton>
</StyledRadioGroup>
</div>
</div>
</ThemeChoicePanel>
</Wrapper>
`;