From b34710016e78e70f5b6292117430d21f4bd987ae Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Tue, 29 Apr 2025 23:37:47 -0500
Subject: [PATCH] Add photo action tooltips

---
 src/components/DownloadButton.tsx | 2 +-
 src/photo/PhotoLarge.tsx          | 4 ++--
 src/share/ShareButton.tsx         | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/DownloadButton.tsx b/src/components/DownloadButton.tsx
index 43b5102f..ed45dea6 100644
--- a/src/components/DownloadButton.tsx
+++ b/src/components/DownloadButton.tsx
@@ -16,7 +16,7 @@ export default function DownloadButton({
 
   return (
     <LoaderButton
-      title="Download Original File"
+      tooltip="Download Original File"
       className={clsx(
         className,
         'text-medium',
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index d990901f..b343d5e2 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -438,7 +438,7 @@ export default function PhotoLarge({
                   )}>
                     {showZoomControls &&
                       <LoaderButton
-                        title="Open Image Viewer"
+                        tooltip="Zoom In"
                         icon={<LuExpand size={15} />}
                         onClick={() => refZoomControls.current?.open()}
                         styleAs="link"
@@ -447,7 +447,7 @@ export default function PhotoLarge({
                       />}
                     {shouldShare &&
                       <ShareButton
-                        title="Share Photo"
+                        tooltip="Share Photo"
                         photo={photo}
                         tag={shouldShareTag ? primaryTag : undefined}
                         camera={shouldShareCamera ? camera : undefined}
diff --git a/src/share/ShareButton.tsx b/src/share/ShareButton.tsx
index 7b246c74..6b1a09cc 100644
--- a/src/share/ShareButton.tsx
+++ b/src/share/ShareButton.tsx
@@ -11,16 +11,16 @@ import { useRouter } from 'next/navigation';
 let prefetchedImage: HTMLImageElement | null = null;
 
 export default function ShareButton({
-  title,
   dim,
   prefetch,
   className,
+  tooltip,
   ...rest
 }: {
-  title?: string
   dim?: boolean
   prefetch?: boolean
   className?: string
+  tooltip?: string
 } & ShareModalProps) {
   const { setShareModalProps } = useAppState();
 
@@ -37,7 +37,7 @@ export default function ShareButton({
 
   return (
     <LoaderButton
-      title={title}
+      tooltip={tooltip}
       onClick={() => setShareModalProps?.({ ...rest })}
       className={clsx(
         className,