strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minimize radix tooltip warnings

Browse Source
This commit is contained in:
Sam Becker 2025-06-01 11:13:46 -05:00
parent 28823ed334
commit 79a863d9ab
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/primitives/TooltipPrimitive.tsx
View File

@ -7,6 +7,7 @@ import useSupportsHover from '@/utility/useSupportsHover';
import clsx from 'clsx/lite'; import clsx from 'clsx/lite';
import useClickInsideOutside from '@/utility/useClickInsideOutside'; import useClickInsideOutside from '@/utility/useClickInsideOutside';
import KeyCommand from './KeyCommand'; import KeyCommand from './KeyCommand';
export default function TooltipPrimitive({ export default function TooltipPrimitive({
content: contentProp, content: contentProp,
children, children,
@ -39,7 +40,7 @@ export default function TooltipPrimitive({
const supportsHover = useSupportsHover(); const supportsHover = useSupportsHover();
const includeButton = !supportsHover && supportMobile; const includeButton = supportMobile && supportsHover === false;
useClickInsideOutside({ useClickInsideOutside({
htmlElements: [refTrigger, refContent], htmlElements: [refTrigger, refContent],

3
src/utility/useSupportsHover.ts
View File

@ -1,11 +1,10 @@
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
export default function useSupportsHover() { export default function useSupportsHover() {
const [supportsHover, setSupportsHover] = useState(true); const [supportsHover, setSupportsHover] = useState<boolean>();
useEffect(() => { useEffect(() => {
const mql = window.matchMedia('(hover: hover)'); const mql = window.matchMedia('(hover: hover)');
setSupportsHover(mql.matches);
const listener = (e: MediaQueryListEvent) => { const listener = (e: MediaQueryListEvent) => {
setSupportsHover(e.matches); setSupportsHover(e.matches);