Skip to content

Commit 12e923a

Browse files
authored
made a common function to display and hide tooltip (#44)
1 parent a26444d commit 12e923a

1 file changed

Lines changed: 6 additions & 10 deletions

File tree

src/lib/index.tsx

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -83,12 +83,8 @@ const CopyMailTo = ({
8383
setShowTooltip(true);
8484
};
8585

86-
const displayTooltip = () => {
87-
setShowTooltip(true);
88-
};
89-
90-
const hideTooltip = () => {
91-
setShowTooltip(false);
86+
const toggleTooltip = () => {
87+
setShowTooltip(prevTooltipState => !prevTooltipState);
9288
};
9389

9490
React.useEffect(() => {
@@ -115,10 +111,10 @@ const CopyMailTo = ({
115111
<a
116112
aria-label={defaultTooltip}
117113
onClick={copyEmail}
118-
onMouseOver={displayTooltip}
119-
onMouseOut={hideTooltip}
120-
onFocus={displayTooltip}
121-
onBlur={hideTooltip}
114+
onMouseOver={toggleTooltip}
115+
onMouseOut={toggleTooltip}
116+
onFocus={toggleTooltip}
117+
onBlur={toggleTooltip}
122118
href={`mailto:${email}`}
123119
style={anchorStyles}
124120
>

0 commit comments

Comments
 (0)