OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Wrap in () 

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Šimon Brandner 2021-08-06 10:30:38 +02:00
parent 85f5ec3a94
commit 186acf92a9
No known key found for this signature in database
GPG Key ID: CC823428E9B582FB
1 changed files with 62 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
src/components/views/settings/LayoutSwitcher.tsx
View File

@ -63,67 +63,69 @@ export default class LayoutSwitcher extends React.Component<IProps, IState> {
mx_AppearanceUserSettingsTab_Layout_RadioButton_selected: this.state.layout === Layout.Bubble, mx_AppearanceUserSettingsTab_Layout_RadioButton_selected: this.state.layout === Layout.Bubble,
}); });
return <div className="mx_SettingsTab_section mx_AppearanceUserSettingsTab_Layout"> return (
<span className="mx_SettingsTab_subheading"> <div className="mx_SettingsTab_section mx_AppearanceUserSettingsTab_Layout">
{ _t("Message layout") } <span className="mx_SettingsTab_subheading">
</span> { _t("Message layout") }
</span>
<div className="mx_AppearanceUserSettingsTab_Layout_RadioButtons"> <div className="mx_AppearanceUserSettingsTab_Layout_RadioButtons">
<label className={ircClasses}> <label className={ircClasses}>
<EventTilePreview <EventTilePreview
className="mx_AppearanceUserSettingsTab_Layout_RadioButton_preview" className="mx_AppearanceUserSettingsTab_Layout_RadioButton_preview"
message={this.props.messagePreviewText} message={this.props.messagePreviewText}
layout={Layout.IRC} layout={Layout.IRC}
userId={this.props.userId} userId={this.props.userId}
displayName={this.props.displayName} displayName={this.props.displayName}
avatarUrl={this.props.avatarUrl} avatarUrl={this.props.avatarUrl}
/> />
<StyledRadioButton <StyledRadioButton
name="layout" name="layout"
value={Layout.IRC} value={Layout.IRC}
checked={this.state.layout === Layout.IRC} checked={this.state.layout === Layout.IRC}
onChange={this.onLayoutChange} onChange={this.onLayoutChange}
> >
{ _t("IRC") } { _t("IRC") }
</StyledRadioButton> </StyledRadioButton>
</label> </label>
<label className={groupClasses}> <label className={groupClasses}>
<EventTilePreview <EventTilePreview
className="mx_AppearanceUserSettingsTab_Layout_RadioButton_preview" className="mx_AppearanceUserSettingsTab_Layout_RadioButton_preview"
message={this.props.messagePreviewText} message={this.props.messagePreviewText}
layout={Layout.Group} layout={Layout.Group}
userId={this.props.userId} userId={this.props.userId}
displayName={this.props.displayName} displayName={this.props.displayName}
avatarUrl={this.props.avatarUrl} avatarUrl={this.props.avatarUrl}
/> />
<StyledRadioButton <StyledRadioButton
name="layout" name="layout"
value={Layout.Group} value={Layout.Group}
checked={this.state.layout == Layout.Group} checked={this.state.layout == Layout.Group}
onChange={this.onLayoutChange} onChange={this.onLayoutChange}
> >
{ _t("Modern") } { _t("Modern") }
</StyledRadioButton> </StyledRadioButton>
</label> </label>
<label className={bubbleClasses}> <label className={bubbleClasses}>
<EventTilePreview <EventTilePreview
className="mx_AppearanceUserSettingsTab_Layout_RadioButton_preview" className="mx_AppearanceUserSettingsTab_Layout_RadioButton_preview"
message={this.props.messagePreviewText} message={this.props.messagePreviewText}
layout={Layout.Bubble} layout={Layout.Bubble}
userId={this.props.userId} userId={this.props.userId}
displayName={this.props.displayName} displayName={this.props.displayName}
avatarUrl={this.props.avatarUrl} avatarUrl={this.props.avatarUrl}
/> />
<StyledRadioButton <StyledRadioButton
name="layout" name="layout"
value={Layout.Bubble} value={Layout.Bubble}
checked={this.state.layout == Layout.Bubble} checked={this.state.layout == Layout.Bubble}
onChange={this.onLayoutChange} onChange={this.onLayoutChange}
> >
{ _t("Message bubbles") } { _t("Message bubbles") }
</StyledRadioButton> </StyledRadioButton>
</label> </label>
</div>
</div> </div>
</div>; );
} }
} }