chore: change order of tab on explore data panel (#12335)

apache · Jan 8, 2021 · 6276421 · 6276421
1 parent 24fccdb
commit 6276421
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/superset-frontend/src/explore/components/DatasourcePanel.tsx b/superset-frontend/src/explore/components/DatasourcePanel.tsx
@@ -191,32 +191,32 @@ const DataSourcePanel = ({
         />
         <Collapse
           bordered={false}
-          defaultActiveKey={['column', 'metrics']}
+          defaultActiveKey={['metrics', 'column']}
           expandIconPosition="right"
         >
           <Collapse.Panel
-            header={<span className="header">{t('Columns')}</span>}
-            key="column"
+            header={<span className="header">{t('Metrics')}</span>}
+            key="metrics"
           >
             <div className="field-length">
-              {t(`Showing %s of %s`, columnSlice.length, columns.length)}
+              {t(`Showing %s of %s`, metricSlice.length, metrics.length)}
             </div>
-            {columnSlice.map(col => (
-              <div key={col.column_name} className="column">
-                <ColumnOption column={col} showType />
+            {metricSlice.map(m => (
+              <div key={m.metric_name} className="column">
+                <MetricOption metric={m} showType />
               </div>
             ))}
           </Collapse.Panel>
           <Collapse.Panel
-            header={<span className="header">{t('Metrics')}</span>}
-            key="metrics"
+            header={<span className="header">{t('Columns')}</span>}
+            key="column"
           >
             <div className="field-length">
-              {t(`Showing %s of %s`, metricSlice.length, metrics.length)}
+              {t(`Showing %s of %s`, columnSlice.length, columns.length)}
             </div>
-            {metricSlice.map(m => (
-              <div key={m.metric_name} className="column">
-                <MetricOption metric={m} showType />
+            {columnSlice.map(col => (
+              <div key={col.column_name} className="column">
+                <ColumnOption column={col} showType />
               </div>
             ))}
           </Collapse.Panel>