fix warning about no key being set for settings category list

pull/733/head
Audric Ackermann 6 years ago
parent d1d3c9a68b
commit 57f4f92244

@ -30,7 +30,6 @@ export class LeftPaneSettingSection extends React.Component<any, State> {
}; };
this.setCategory = this.setCategory.bind(this); this.setCategory = this.setCategory.bind(this);
this.renderRows = this.renderRows.bind(this);
} }
public componentDidMount() { public componentDidMount() {
@ -62,14 +61,8 @@ export class LeftPaneSettingSection extends React.Component<any, State> {
); );
} }
public renderRows(): JSX.Element { public renderRow(item: any): JSX.Element {
const categories = this.getCategories();
return ( return (
<>
{categories.map(item => (
<>
{!item.hidden && (
<div <div
key={item.id} key={item.id}
className={classNames( className={classNames(
@ -97,18 +90,16 @@ export class LeftPaneSettingSection extends React.Component<any, State> {
)} )}
</div> </div>
</div> </div>
)}
</>
))}
</>
); );
} }
public renderCategories(): JSX.Element { public renderCategories(): JSX.Element {
const categories = this.getCategories().filter(item => !item.hidden);
return ( return (
<div className="module-left-pane__list" key={0}> <div className="module-left-pane__list" key={0}>
<div className="left-pane-setting-category-list"> <div className="left-pane-setting-category-list">
{this.renderRows()} {categories.map(item => this.renderRow(item))};
</div> </div>
</div> </div>
); );

Loading…
Cancel
Save