in frontend/src/components/dashboard/aliases/Alias.tsx [341:404]
size: getRuntimeConfig().emailSizeLimitNumber,
unit: getRuntimeConfig().emailSizeLimitUnit,
})}
</span>
</p>
</div>
)}
</div>
);
};
const BlockedTooltip = (props: TooltipProps) => {
const l10n = useL10n();
const triggerState = useTooltipTriggerState({ delay: 0 });
const triggerRef = useRef<HTMLSpanElement>(null);
const tooltipTrigger = useTooltipTrigger({}, triggerState, triggerRef);
const { tooltipProps } = useTooltip({}, triggerState);
return (
<div className={styles["stat-wrapper"]}>
<span
ref={triggerRef}
{...tooltipTrigger.triggerProps}
className={`${styles.stat} ${styles["blocked-stat"]}`}
>
{props.children}
</span>
{triggerState.isOpen && (
<div
{...mergeProps(tooltipTrigger.tooltipProps, tooltipProps)}
className={styles.tooltip}
>
{l10n.getString("profile-blocked-copy-2")}
</div>
)}
</div>
);
};
const TrackersRemovedTooltip = (props: TooltipProps) => {
const l10n = useL10n();
const triggerState = useTooltipTriggerState({ delay: 0 });
const triggerRef = useRef<HTMLSpanElement>(null);
const tooltipTrigger = useTooltipTrigger({}, triggerState, triggerRef);
const { tooltipProps } = useTooltip({}, triggerState);
return (
<div className={styles["stat-wrapper"]}>
<span
ref={triggerRef}
{...tooltipTrigger.triggerProps}
className={`${styles.stat} ${styles["trackers-removed-stat"]}`}
>
{props.children}
</span>
{triggerState.isOpen && (
<div
{...mergeProps(tooltipTrigger.tooltipProps, tooltipProps)}
className={styles.tooltip}
>
<p>{l10n.getString("profile-trackers-removed-tooltip-part1")}</p>
<Localized
id="profile-trackers-removed-tooltip-part2-2"
elems={{