mirror of
https://github.com/apache/superset.git
synced 2026-04-21 00:54:44 +00:00
bb618a47ff
* Empty states updated on result tab and query history tab * Testing on query history blank state * Testing on result tab with empty state * Forgot to remove a comment * Corrected empty state image size and centered with drag bar * Centered blank states vertically
75 lines
2.0 KiB
TypeScript
75 lines
2.0 KiB
TypeScript
/**
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
import React from 'react';
|
|
import { EmptyStateMedium } from 'src/components/EmptyState';
|
|
import { t, styled } from '@superset-ui/core';
|
|
import { Query } from 'src/SqlLab/types';
|
|
import QueryTable from 'src/SqlLab/components/QueryTable';
|
|
|
|
interface QueryHistoryProps {
|
|
queries: Query[];
|
|
actions: {
|
|
queryEditorSetSql: Function;
|
|
cloneQueryToNewTab: Function;
|
|
fetchQueryResults: Function;
|
|
clearQueryResults: Function;
|
|
removeQuery: Function;
|
|
};
|
|
displayLimit: number;
|
|
}
|
|
|
|
const StyledEmptyStateWrapper = styled.div`
|
|
height: 100%;
|
|
.ant-empty-image img {
|
|
margin-right: 28px;
|
|
}
|
|
|
|
p {
|
|
margin-right: 28px;
|
|
}
|
|
`;
|
|
|
|
const QueryHistory = ({ queries, actions, displayLimit }: QueryHistoryProps) =>
|
|
queries.length > 0 ? (
|
|
<QueryTable
|
|
columns={[
|
|
'state',
|
|
'started',
|
|
'duration',
|
|
'progress',
|
|
'rows',
|
|
'sql',
|
|
'output',
|
|
'actions',
|
|
]}
|
|
queries={queries}
|
|
actions={actions}
|
|
displayLimit={displayLimit}
|
|
/>
|
|
) : (
|
|
<StyledEmptyStateWrapper>
|
|
<EmptyStateMedium
|
|
title={t('Run a query to display query history')}
|
|
image="document.svg"
|
|
/>
|
|
</StyledEmptyStateWrapper>
|
|
);
|
|
|
|
export default QueryHistory;
|