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

This commit is contained in:
Lily Kuang
2021-01-07 16:50:11 -08:00
committed by GitHub
parent 24fccdb2bc
commit 627642162b

View File

@@ -191,22 +191,9 @@ const DataSourcePanel = ({
/>
<Collapse
bordered={false}
defaultActiveKey={['column', 'metrics']}
defaultActiveKey={['metrics', 'column']}
expandIconPosition="right"
>
<Collapse.Panel
header={<span className="header">{t('Columns')}</span>}
key="column"
>
<div className="field-length">
{t(`Showing %s of %s`, columnSlice.length, columns.length)}
</div>
{columnSlice.map(col => (
<div key={col.column_name} className="column">
<ColumnOption column={col} showType />
</div>
))}
</Collapse.Panel>
<Collapse.Panel
header={<span className="header">{t('Metrics')}</span>}
key="metrics"
@@ -220,6 +207,19 @@ const DataSourcePanel = ({
</div>
))}
</Collapse.Panel>
<Collapse.Panel
header={<span className="header">{t('Columns')}</span>}
key="column"
>
<div className="field-length">
{t(`Showing %s of %s`, columnSlice.length, columns.length)}
</div>
{columnSlice.map(col => (
<div key={col.column_name} className="column">
<ColumnOption column={col} showType />
</div>
))}
</Collapse.Panel>
</Collapse>
</div>
</DatasourceContainer>