From 1b095cea9f8ca2f2b96a405a810b2ceeda1747bc Mon Sep 17 00:00:00 2001
From: Diamond Lewis <findlewis@gmail.com>
Date: Fri, 3 Mar 2023 14:50:45 -0600
Subject: [PATCH] fix: Sort DataType and Pointer Classes in add new column
 modal

---
 src/dashboard/Data/Browser/AddColumnDialog.react.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/dashboard/Data/Browser/AddColumnDialog.react.js b/src/dashboard/Data/Browser/AddColumnDialog.react.js
index fd244551b4..82af7696d8 100644
--- a/src/dashboard/Data/Browser/AddColumnDialog.react.js
+++ b/src/dashboard/Data/Browser/AddColumnDialog.react.js
@@ -97,7 +97,7 @@ export default class AddColumnDialog extends React.Component {
       <Dropdown
         value={this.state.target}
         onChange={(target) => this.setState({ target: target })}>
-        {this.props.classes.map((c) => <Option key={c} value={c}>{c}</Option>)}
+        {this.props.classes.sort((a, b) => a.localeCompare(b)).map((c) => <Option key={c} value={c}>{c}</Option>)}
       </Dropdown>
     );
   }
@@ -189,7 +189,7 @@ export default class AddColumnDialog extends React.Component {
       <Dropdown
         value={this.state.type}
         onChange={(type) => this.setState({ type: type, defaultValue: undefined, required: false })}>
-        {DataTypes.map((t) => <Option key={t} value={t}>{t}</Option>)}
+        {DataTypes.sort((a, b) => a.localeCompare(b)).map((t) => <Option key={t} value={t}>{t}</Option>)}
       </Dropdown>
     );
     return (