QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-06-01 21:59:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)

Browse Source 
Co-authored-by: Enzo Martellucci <52219496+EnxDev@users.noreply.github.com>
Co-authored-by: Diego Pucci <diegopucci.me@gmail.com>
Co-authored-by: Mehmet Salih Yavuz <salih.yavuz@proton.me>
Co-authored-by: Geido <60598000+geido@users.noreply.github.com>
Co-authored-by: Alexandru Soare <37236580+alexandrusoare@users.noreply.github.com>
Co-authored-by: Damian Pendrak <dpendrak@gmail.com>
Co-authored-by: Pius Iniobong <67148161+payose@users.noreply.github.com>
Co-authored-by: Enzo Martellucci <enzomartellucci@gmail.com>
Co-authored-by: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
This commit is contained in:
Maxime Beauchemin
2025-06-20 13:38:58 -07:00
committed by GitHub
parent 2cc1ef88c8
commit dd129fa403
1267 changed files with 32958 additions and 23592 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
superset-frontend/src/SqlLab/components/QueryTable/index.tsx
View File

@@ -17,8 +17,16 @@
* under the License.
*/
import { useMemo, ReactNode } from 'react';
import Card from 'src/components/Card';
import ProgressBar from 'src/components/ProgressBar';
import {
Card,
Button,
Tooltip,
Label,
Icons,
ModalTrigger,
TableView,
} from '@superset-ui/core/components';
import ProgressBar from '@superset-ui/core/components/ProgressBar';
import { t, useTheme, QueryResponse } from '@superset-ui/core';
import { useDispatch, useSelector } from 'react-redux';
@@ -29,14 +37,8 @@ import {
clearQueryResults,
removeQuery,
} from 'src/SqlLab/actions/sqlLab';
import TableView from 'src/components/TableView';
import Button from 'src/components/Button';
import { fDuration, extendedDayjs } from 'src/utils/dates';
import { Icons } from 'src/components/Icons';
import Label from 'src/components/Label';
import { Tooltip } from 'src/components/Tooltip';
import { fDuration, extendedDayjs } from '@superset-ui/core/utils/dates';
import { SqlLabRootState } from 'src/SqlLab/types';
import ModalTrigger from 'src/components/ModalTrigger';
import { UserWithPermissionsAndRoles as User } from 'src/types/bootstrapTypes';
import ResultSet from '../ResultSet';
import HighlightedSql from '../HighlightedSql';
@@ -107,6 +109,7 @@ const QueryTable = ({
column as keyof typeof QUERY_HISTORY_TABLE_HEADERS_LOCALIZED
] || setHeaders(column),
disableSortBy: true,
id: column,
})),
[columns],
);
@@ -132,10 +135,7 @@ const QueryTable = ({
success: {
config: {
icon: (
<Icons.CheckOutlined
iconColor={theme.colors.success.base}
iconSize="m"
/>
<Icons.CheckOutlined iconColor={theme.colorSuccess} iconSize="m" />
),
// icon: <Icons.Edit iconSize="xl" />,
label: t('Success'),
@@ -144,10 +144,7 @@ const QueryTable = ({
failed: {
config: {
icon: (
<Icons.CloseOutlined
iconColor={theme.colors.error.base}
iconSize="m"
/>
<Icons.CloseOutlined iconColor={theme.colorError} iconSize="m" />
),
label: t('Failed'),
},
@@ -155,10 +152,7 @@ const QueryTable = ({
stopped: {
config: {
icon: (
<Icons.CloseOutlined
iconColor={theme.colors.error.base}
iconSize="m"
/>
<Icons.CloseOutlined iconColor={theme.colorError} iconSize="m" />
),
label: t('Failed'),
},
@@ -167,7 +161,7 @@ const QueryTable = ({
config: {
icon: (
<Icons.LoadingOutlined
iconColor={theme.colors.primary.base}
iconColor={theme.colorPrimary}
iconSize="m"
/>
),
@@ -178,7 +172,7 @@ const QueryTable = ({
config: {
icon: (
<Icons.LoadingOutlined
iconColor={theme.colors.primary.base}
iconColor={theme.colorPrimary}
iconSize="m"
/>
),
@@ -189,7 +183,7 @@ const QueryTable = ({
config: {
icon: (
<Icons.ClockCircleOutlined
iconColor={theme.colors.error.base}
iconColor={theme.colorError}
iconSize="m"
/>
),
@@ -200,7 +194,7 @@ const QueryTable = ({
config: {
icon: (
<Icons.LoadingOutlined
iconColor={theme.colors.warning.base}
iconColor={theme.colorWarning}
iconSize="m"
/>
),
@@ -211,7 +205,7 @@ const QueryTable = ({
config: {
icon: (
<Icons.LoadingOutlined
iconColor={theme.colors.warning.base}
iconColor={theme.colorWarning}
iconSize="m"
/>
),
@@ -220,9 +214,7 @@ const QueryTable = ({
},
error: {
config: {
icon: (
<Icons.Error iconColor={theme.colors.error.base} iconSize="m" />
),
icon: <Icons.Error iconColor={theme.colorError} iconSize="m" />,
label: t('Unknown Status'),
},
},
@@ -299,7 +291,7 @@ const QueryTable = ({
<ModalTrigger
className="ResultsModal"
triggerNode={
<Button buttonSize="xsmall" buttonStyle="tertiary">
<Button buttonSize="xsmall" buttonStyle="secondary">
{t('View')}
</Button>
}