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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 14 deletions

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>