Move to a fragment

pull/21833/head
Travis Ralston 2020-07-07 06:52:44 -06:00
parent 29aeea2974
commit 994d8708f2
1 changed files with 25 additions and 27 deletions

View File

@ -315,14 +315,13 @@ export default class RoomSublist2 extends React.Component<IProps, IState> {
const isAlphabetical = RoomListStore.instance.getTagSorting(this.props.tagId) === SortAlgorithm.Alphabetic;
const isUnreadFirst = RoomListStore.instance.getListOrder(this.props.tagId) === ListAlgorithm.Importance;
// Invites don't get some nonsense options, so only add them if we have to. We do
// this with an array instead of a containing div to ensure that the DOM structure
// is relatively sane.
let otherSections = [];
// Invites don't get some nonsense options, so only add them if we have to.
let otherSections = null;
if (this.props.tagId !== DefaultTagID.Invite) {
otherSections.push(<hr key={otherSections.length} />);
otherSections.push(
<div key={otherSections.length}>
otherSections = (
<React.Fragment>
<hr />
<div>
<div className='mx_RoomSublist2_contextMenu_title'>{_t("Unread rooms")}</div>
<StyledCheckbox
onChange={this.onUnreadFirstChanged}
@ -330,11 +329,9 @@ export default class RoomSublist2 extends React.Component<IProps, IState> {
>
{_t("Always show first")}
</StyledCheckbox>
</div>,
);
otherSections.push(<hr key={otherSections.length} />);
otherSections.push(
<div key={otherSections.length}>
</div>
<hr />
<div>
<div className='mx_RoomSublist2_contextMenu_title'>{_t("Show")}</div>
<StyledCheckbox
onChange={this.onMessagePreviewChanged}
@ -342,7 +339,8 @@ export default class RoomSublist2 extends React.Component<IProps, IState> {
>
{_t("Message preview")}
</StyledCheckbox>
</div>,
</div>
</React.Fragment>
);
}