configuration list is alphabetical, add note in sql tab for down migrations (close hasura#616) (close hasura#617)

Author: karthikvt26

console/src/components/Services/Data/DataActions.js

@@ -48,6 +48,7 @@ const fetchSchemaList = () => (dispatch, getState) => {
           schema: 'information_schema',
         },
         columns: ['schema_name'],
+        order_by: [{ column: 'schema_name', type: 'asc', nulls: 'last' }],
         where: {
           schema_name: {
             $nin: [
@@ -85,8 +86,16 @@ const loadSchema = () => (dispatch, getState) => {
           name: 'hdb_table',
           schema: 'hdb_catalog',
         },
-        columns: ['*.*'],
+        columns: [
+          '*.*',
+          {
+            name: 'columns',
+            columns: ['*.*'],
+            order_by: [{ column: 'column_name', type: 'asc', nulls: 'last' }],
+          },
+        ],
         where: { table_schema: currentSchema },
+        order_by: [{ column: 'table_name', type: 'asc', nulls: 'last' }],
       },
     }),
   };
@@ -319,8 +328,16 @@ const fetchTableListBySchema = schemaName => (dispatch, getState) => {
           name: 'hdb_table',
           schema: 'hdb_catalog',
         },
-        columns: ['*.*'],
+        columns: [
+          '*.*',
+          {
+            name: 'columns',
+            columns: ['*.*'],
+            order_by: [{ column: 'column_name', type: 'asc', nulls: 'last' }],
+          },
+        ],
         where: { table_schema: schemaName },
+        order_by: [{ column: 'table_name', type: 'asc', nulls: 'last' }],
       },
     }),
   };

console/src/components/Services/Data/RawSQL/RawSQL.js

@@ -100,7 +100,9 @@ const RawSQL = ({
     ));
     const rows = result.map((row, i) => (
       <tr key={i}>
-        {row.map((columnValue, j) => <td key={j}>{columnValue}</td>)}
+        {row.map((columnValue, j) => (
+          <td key={j}>{columnValue}</td>
+        ))}
       </tr>
     ));
     return !resultType || resultType === 'command' ? null : (
@@ -163,6 +165,11 @@ const RawSQL = ({
                 </Link>{' '}
                 functionality.
               </li>
+              <li>
+                Please note that if the migrations are enabled,
+                <code>down</code>
+                migrations will not be generated for SQL statements.
+              </li>
             </ul>
           </div>
           <hr />

console/src/components/Services/Data/TableCommon/Table.scss

@@ -3,6 +3,12 @@
   padding: 0;
 }
 
+.migration_disclaimer {
+  font-size: 12px;
+  margin-left: 10px;
+  margin-top: 10px;
+  color: rgb(236, 61, 61);
+}
 .tableContainer {
   overflow: auto;
   //margin-top: 25px;

console/src/components/Services/Data/TableRelationships/AddManualRelationship.js

@@ -9,6 +9,7 @@ import {
   relManualAddClicked,
   relTypeChange,
   addRelViewMigrate,
+  REL_SET_MANUAL_COLUMNS,
 } from './Actions';
 import {
   fetchTableListBySchema,
@@ -47,6 +48,10 @@ class AddManualRelationship extends Component {
       type: UPDATE_REMOTE_SCHEMA_MANUAL_REL,
       data: e.target.value,
     });
+    this.props.dispatch({
+      type: REL_SET_MANUAL_COLUMNS,
+      data: [],
+    });
     this.props.dispatch(fetchTableListBySchema(e.target.value));
   }
   onRelNameChange(e) {