rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: tooltips

Browse Source
This commit is contained in:
Aman Harwara
2023-04-27 15:13:54 +05:30
parent f45a639a72
commit 76bd995c9a
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/web/src/javascripts/Components/StyledTooltip/StyledTooltip.tsx
View File

@@ -2,6 +2,7 @@ import { classNames } from '@standardnotes/snjs'
import { ReactNode } from 'react' import { ReactNode } from 'react'
import { Tooltip, TooltipAnchor, TooltipStoreProps, useTooltipStore } from '@ariakit/react' import { Tooltip, TooltipAnchor, TooltipStoreProps, useTooltipStore } from '@ariakit/react'
import { Slot } from '@radix-ui/react-slot' import { Slot } from '@radix-ui/react-slot'
import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
const StyledTooltip = ({ const StyledTooltip = ({
children, children,
@@ -13,7 +14,16 @@ const StyledTooltip = ({
className?: string className?: string
label: string label: string
} & Partial<TooltipStoreProps>) => { } & Partial<TooltipStoreProps>) => {
const tooltip = useTooltipStore(props) const tooltip = useTooltipStore({
timeout: 350,
gutter: 6,
...props,
})
const isMobile = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
if (isMobile) {
return <>{children}</>
}
return ( return (
<> <>