mirror of https://github.com/apache/superset.git
chore: Moves WarningIconWithTooltip to own folder (#14123)
This commit is contained in:
parent
86233d1676
commit
3e23c103dc
|
@ -16,27 +16,29 @@
|
|||
* specific language governing permissions and limitations
|
||||
* under the License.
|
||||
*/
|
||||
@import '../../stylesheets/less/variables.less';
|
||||
import React from 'react';
|
||||
import WarningIconWithTooltip, { WarningIconWithTooltipProps } from '.';
|
||||
|
||||
.TableSelector .fa-refresh {
|
||||
padding-left: 9px;
|
||||
}
|
||||
export default {
|
||||
title: 'WarningIconWithTooltip',
|
||||
component: WarningIconWithTooltip,
|
||||
};
|
||||
|
||||
.TableSelector .section {
|
||||
padding-bottom: 5px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
export const InteractiveWarningIcon = (args: WarningIconWithTooltipProps) => (
|
||||
<div css={{ margin: 40 }}>
|
||||
<WarningIconWithTooltip {...args} />
|
||||
</div>
|
||||
);
|
||||
|
||||
.TableSelector .select {
|
||||
flex-grow: 1;
|
||||
}
|
||||
InteractiveWarningIcon.args = {
|
||||
warningMarkdown: 'Markdown example',
|
||||
size: 20,
|
||||
};
|
||||
|
||||
.TableSelector .divider {
|
||||
border-bottom: 1px solid @gray-bg;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.TableLabel {
|
||||
white-space: nowrap;
|
||||
}
|
||||
InteractiveWarningIcon.story = {
|
||||
parameters: {
|
||||
knobs: {
|
||||
disable: true,
|
||||
},
|
||||
},
|
||||
};
|
|
@ -17,11 +17,11 @@
|
|||
* under the License.
|
||||
*/
|
||||
import React from 'react';
|
||||
import { supersetTheme, SafeMarkdown } from '@superset-ui/core';
|
||||
import { useTheme, SafeMarkdown } from '@superset-ui/core';
|
||||
import Icon from 'src/components/Icon';
|
||||
import { Tooltip } from 'src/components/Tooltip';
|
||||
|
||||
interface WarningIconWithTooltipProps {
|
||||
export interface WarningIconWithTooltipProps {
|
||||
warningMarkdown: string;
|
||||
size?: number;
|
||||
}
|
||||
|
@ -30,13 +30,14 @@ function WarningIconWithTooltip({
|
|||
warningMarkdown,
|
||||
size = 24,
|
||||
}: WarningIconWithTooltipProps) {
|
||||
const theme = useTheme();
|
||||
return (
|
||||
<Tooltip
|
||||
id="warning-tooltip"
|
||||
title={<SafeMarkdown source={warningMarkdown} />}
|
||||
>
|
||||
<Icon
|
||||
color={supersetTheme.colors.alert.base}
|
||||
color={theme.colors.alert.base}
|
||||
height={size}
|
||||
width={size}
|
||||
name="alert-solid"
|
Loading…
Reference in New Issue