diff --git a/src/admin/ExifCaptureButton.tsx b/src/admin/ExifCaptureButton.tsx index cdfc0f7d..b3cb7722 100644 --- a/src/admin/ExifCaptureButton.tsx +++ b/src/admin/ExifCaptureButton.tsx @@ -19,10 +19,7 @@ export default function ExifCaptureButton({ const [isLoading, setIsLoading] = useState(false); return ( - + { diff --git a/src/admin/PhotoSyncButton.tsx b/src/admin/PhotoSyncButton.tsx index 8632770c..96c6e7f3 100644 --- a/src/admin/PhotoSyncButton.tsx +++ b/src/admin/PhotoSyncButton.tsx @@ -34,10 +34,7 @@ export default function PhotoSyncButton({ confirmText.push('This action cannot be undone.'); return ( - + } />} diff --git a/src/components/CopyButton.tsx b/src/components/CopyButton.tsx index 5ba6bacd..4c8a4fd8 100644 --- a/src/components/CopyButton.tsx +++ b/src/components/CopyButton.tsx @@ -2,21 +2,26 @@ import { BiCopy } from 'react-icons/bi'; import LoaderButton from './primitives/LoaderButton'; import clsx from 'clsx/lite'; import { toastSuccess } from '@/toast'; +import Tooltip from './Tooltip'; export default function CopyButton({ label, text, subtle, + iconSize = 15, + tooltip, className, }: { label: string text?: string, subtle?: boolean + iconSize?: number + tooltip?: string className?: string }) { - return ( + const button = } + icon={} className={clsx( subtle && 'text-gray-300 dark:text-gray-700', className, @@ -29,6 +34,13 @@ export default function CopyButton({ : undefined} styleAs="link" disabled={!text} - /> + />; + + return ( + tooltip + ? + {button} + + : button ); } diff --git a/src/components/primitives/TooltipPrimitive.tsx b/src/components/primitives/TooltipPrimitive.tsx index 6282b9e7..7c709e4b 100644 --- a/src/components/primitives/TooltipPrimitive.tsx +++ b/src/components/primitives/TooltipPrimitive.tsx @@ -12,14 +12,14 @@ export default function TooltipPrimitive({ className, classNameTrigger: classNameTriggerProp, sideOffset = 10, - desktopOnly, + supportMobile, children, }: { content?: ReactNode className?: string classNameTrigger?: string sideOffset?: number - desktopOnly?: boolean + supportMobile?: boolean children: ReactNode }) { const refTrigger = useRef(null); @@ -29,7 +29,7 @@ export default function TooltipPrimitive({ const supportsHover = useSupportsHover(); - const includeButton = !desktopOnly && !supportsHover; + const includeButton = !supportsHover && supportMobile; useClickInsideOutside({ htmlElements: [refTrigger, refContent], diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx index 769178c6..2aa203e0 100644 --- a/src/photo/PhotoLarge.tsx +++ b/src/photo/PhotoLarge.tsx @@ -323,7 +323,11 @@ export default function PhotoLarge({ ) && <> {' '} - + } {shouldRenderRecipe && - +