refactor: sort columns alphabetically in the remove dialog (#1880)

vince1995 · web-flow · commit 6917ef7e4a62 · 2021-10-27T16:05:33.000+02:00
diff --git a/src/dashboard/Data/Browser/RemoveColumnDialog.react.js b/src/dashboard/Data/Browser/RemoveColumnDialog.react.js
@@ -37,7 +37,7 @@ export default class RemoveColumnDialog extends React.Component {
               placeHolder='Select a column'
               value={this.state.name}
               onChange={(name) => this.setState({ name: name })}>
-              {this.props.currentColumns.map((t) => <Option key={t} value={t}>{t}</Option>)}
+              {this.props.currentColumns.sort().map((t) => <Option key={t} value={t}>{t}</Option>)}
             </Dropdown>
           } />
       )

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ export default class RemoveColumnDialog extends React.Component {`
`37`	`37`	`placeHolder='Select a column'`
`38`	`38`	`value={this.state.name}`
`39`	`39`	`onChange={(name) => this.setState({ name: name })}>`
`40`		`- {this.props.currentColumns.map((t) => <Option key={t} value={t}>{t}</Option>)}`
	`40`	`+ {this.props.currentColumns.sort().map((t) => <Option key={t} value={t}>{t}</Option>)}`
`41`	`41`	`</Dropdown>`
`42`	`42`	`} />`
`43`	`43`	`)`