Description
Several files in the codebase currently use react-tooltip for tooltip functionality, while the project has standardized on CustomTooltip from @sistent/sistent as the preferred tooltip component.
This inconsistency means different parts of the website render tooltips with different styles, behaviors, and dependencies.
Expected Behavior
All tooltip usage across the codebase should use CustomTooltip from @sistent/sistent, consistent with the design system and existing usage in the codebase.
Rather than doing a direct find-and-replace of react-tooltip with CustomTooltip across every file, the cleaner long-term solution is to introduce a shared internal Tooltip wrapper component inside :
src/components/Tooltip/index.js
All files across the repo would then import from this single wrapper:
import Tooltip from "../../components/Tooltip";
Why this approach:
- Single source of truth β if
@sistent/sistent ever updates CustomTooltip, only one file needs to change
- Makes future migrations easier
Screenshots
NA
Environment:

Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.
Join the Layer5 Community by submitting your community member form.
Description
Several files in the codebase currently use
react-tooltipfor tooltip functionality, while the project has standardized onCustomTooltipfrom@sistent/sistentas the preferred tooltip component.This inconsistency means different parts of the website render tooltips with different styles, behaviors, and dependencies.
Expected Behavior
All tooltip usage across the codebase should use
CustomTooltipfrom@sistent/sistent, consistent with the design system and existing usage in the codebase.Rather than doing a direct find-and-replace of
react-tooltipwithCustomTooltipacross every file, the cleaner long-term solution is to introduce a shared internal Tooltip wrapper component inside :src/components/Tooltip/index.jsAll files across the repo would then import from this single wrapper:
Why this approach:
@sistent/sistentever updatesCustomTooltip, only one file needs to changeScreenshots
NA
Environment:
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the
masterbranch.