mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-01 00:08:27 +01:00
4167a60588
Follows up on https://github.com/Unleash/unleash/pull/4853 to add Biome to the frontend as well.  Added a few `biome-ignore` to speed up the process but we may want to check and fix them in the future.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { ReactNode } from 'react';
|
|
import { Link, LinkProps, styled } from '@mui/material';
|
|
import { HtmlTooltip, IHtmlTooltipProps } from '../HtmlTooltip/HtmlTooltip';
|
|
|
|
const StyledLink = styled(Link, {
|
|
shouldForwardProp: (prop) => prop !== 'highlighted',
|
|
})<{ highlighted?: boolean }>(({ theme, highlighted }) => ({
|
|
backgroundColor: highlighted ? theme.palette.highlight : 'transparent',
|
|
color: theme.palette.text.primary,
|
|
textDecorationColor: theme.palette.text.disabled,
|
|
textDecorationStyle: 'dashed',
|
|
textUnderlineOffset: theme.spacing(0.5),
|
|
}));
|
|
|
|
interface ITooltipLinkProps extends LinkProps {
|
|
tooltip: ReactNode;
|
|
highlighted?: boolean;
|
|
tooltipProps?: Omit<IHtmlTooltipProps, 'title' | 'children'>;
|
|
children: ReactNode;
|
|
}
|
|
|
|
export const TooltipLink = ({
|
|
tooltip,
|
|
highlighted,
|
|
tooltipProps,
|
|
children,
|
|
...props
|
|
}: ITooltipLinkProps) => (
|
|
<HtmlTooltip title={tooltip} {...tooltipProps} arrow>
|
|
<StyledLink tabIndex={0} highlighted={highlighted} {...props}>
|
|
{children}
|
|
</StyledLink>
|
|
</HtmlTooltip>
|
|
);
|