Lint fixes
This commit is contained in:
@@ -1,27 +1,32 @@
|
||||
import React from 'react';
|
||||
import * as Tooltip from '@radix-ui/react-tooltip';
|
||||
import type {ReactNode} from 'react';
|
||||
import type { ReactNode } from 'react';
|
||||
|
||||
interface ToolTipProps {
|
||||
tooltip: string,
|
||||
tooltip: string;
|
||||
children: ReactNode | ReactNode[];
|
||||
sideOffset?: number,
|
||||
className?: string,
|
||||
arrowClassName?: string,
|
||||
tooltipStyle?: any, //TODO better type
|
||||
sideOffset?: number;
|
||||
className?: string;
|
||||
arrowClassName?: string;
|
||||
tooltipStyle?: any; //TODO better type
|
||||
}
|
||||
|
||||
const WithTooltip = ({ tooltip, children, sideOffset = 5, className = '', arrowClassName = '', tooltipStyle = {} }: ToolTipProps) => {
|
||||
const WithTooltip = ({
|
||||
tooltip,
|
||||
children,
|
||||
sideOffset = 5,
|
||||
className = '',
|
||||
arrowClassName = '',
|
||||
tooltipStyle = {},
|
||||
}: ToolTipProps) => {
|
||||
return (
|
||||
<Tooltip.Root>
|
||||
<Tooltip.Trigger asChild>
|
||||
{children}
|
||||
</Tooltip.Trigger>
|
||||
<Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
|
||||
<Tooltip.Portal>
|
||||
<Tooltip.Content
|
||||
className={`bg-bolt-elements-tooltip-background text-bolt-elements-textPrimary px-3 py-2 rounded-lg text-sm shadow-lg ${className}`}
|
||||
sideOffset={sideOffset}
|
||||
style={{ zIndex: 2000, backgroundColor: "white", ...tooltipStyle }}
|
||||
style={{ zIndex: 2000, backgroundColor: 'white', ...tooltipStyle }}
|
||||
>
|
||||
{tooltip}
|
||||
<Tooltip.Arrow className={`fill-bolt-elements-tooltip-background ${arrowClassName}`} />
|
||||
|
||||
Reference in New Issue
Block a user