mirror of
https://github.com/apache/superset.git
synced 2026-05-11 19:05:24 +00:00
feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)
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:
committed by
GitHub
parent
2cc1ef88c8
commit
dd129fa403
@@ -20,19 +20,17 @@ import { useCallback, useEffect, useState } from 'react';
|
||||
import { useHistory } from 'react-router-dom';
|
||||
import { useDispatch } from 'react-redux';
|
||||
import PropTypes from 'prop-types';
|
||||
import { Tooltip } from 'src/components/Tooltip';
|
||||
import { css, logging, SupersetClient, t, useTheme } from '@superset-ui/core';
|
||||
import { Tooltip, Button, DeleteModal } from '@superset-ui/core/components';
|
||||
import { AlteredSliceTag } from 'src/components';
|
||||
import { css, logging, SupersetClient, t } from '@superset-ui/core';
|
||||
import { chartPropShape } from 'src/dashboard/util/propShapes';
|
||||
import AlteredSliceTag from 'src/components/AlteredSliceTag';
|
||||
import Button from 'src/components/Button';
|
||||
import { Icons } from 'src/components/Icons';
|
||||
import { Icons } from '@superset-ui/core/components/Icons';
|
||||
import PropertiesModal from 'src/explore/components/PropertiesModal';
|
||||
import { sliceUpdated } from 'src/explore/actions/exploreActions';
|
||||
import { PageHeaderWithActions } from 'src/components/PageHeaderWithActions';
|
||||
import { PageHeaderWithActions } from '@superset-ui/core/components/PageHeaderWithActions';
|
||||
import { setSaveChartModalVisibility } from 'src/explore/actions/saveModalActions';
|
||||
import { applyColors, resetColors } from 'src/utils/colorScheme';
|
||||
import ReportModal from 'src/features/reports/ReportModal';
|
||||
import DeleteModal from 'src/components/DeleteModal';
|
||||
import { deleteActiveReport } from 'src/features/reports/ReportModal/actions';
|
||||
import { useExploreAdditionalActionsMenu } from '../useExploreAdditionalActionsMenu';
|
||||
import { useExploreMetadataBar } from './useExploreMetadataBar';
|
||||
@@ -64,9 +62,9 @@ const saveButtonStyles = theme => css`
|
||||
const additionalItemsStyles = theme => css`
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: ${theme.gridUnit}px;
|
||||
margin-left: ${theme.sizeUnit}px;
|
||||
& > span {
|
||||
margin-right: ${theme.gridUnit * 3}px;
|
||||
margin-right: ${theme.sizeUnit * 3}px;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -86,7 +84,6 @@ export const ExploreChartHeader = ({
|
||||
saveDisabled,
|
||||
metadata,
|
||||
}) => {
|
||||
const theme = useTheme();
|
||||
const dispatch = useDispatch();
|
||||
const { latestQueryFormData, sliceFormData } = chart;
|
||||
const [isPropertiesModalOpen, setIsPropertiesModalOpen] = useState(false);
|
||||
@@ -241,11 +238,8 @@ export const ExploreChartHeader = ({
|
||||
disabled={saveDisabled}
|
||||
data-test="query-save-button"
|
||||
css={saveButtonStyles}
|
||||
icon={<Icons.SaveOutlined />}
|
||||
>
|
||||
<Icons.SaveOutlined
|
||||
iconSize="l"
|
||||
iconColor={theme.colors.primary.dark2}
|
||||
/>
|
||||
{t('Save')}
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -18,7 +18,9 @@
|
||||
*/
|
||||
import { useMemo } from 'react';
|
||||
import { t, tn } from '@superset-ui/core';
|
||||
import MetadataBar, { MetadataType } from 'src/components/MetadataBar';
|
||||
import MetadataBar, {
|
||||
MetadataType,
|
||||
} from '@superset-ui/core/components/MetadataBar';
|
||||
import { ExplorePageInitialData } from 'src/explore/types';
|
||||
|
||||
export const useExploreMetadataBar = (
|
||||
|
||||
Reference in New Issue
Block a user