Move Tooltip title entry to better place

OdyseeTeam · Apr 19, 2024 · dba8789 · dba8789
1 parent 36fcd53
commit dba8789
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/ui/component/streamClaimRenderInline/view.jsx b/ui/component/streamClaimRenderInline/view.jsx
@@ -126,6 +126,7 @@ class StreamClaimRenderInline extends React.PureComponent<Props, State> {
             <ImageViewer
               uri={uri}
               source={thumbnail}
+              title={__('Download')}
               onClick={() => {
                 webDownloadClaim(streamingUrl, 'file', false);
               }}
@@ -147,6 +148,7 @@ class StreamClaimRenderInline extends React.PureComponent<Props, State> {
             <ImageViewer
               uri={uri}
               source={thumbnail}
+              title={__('Download')}
               onClick={() => {
                 webDownloadClaim(streamingUrl, 'file', false);
               }}
@@ -170,6 +172,7 @@ class StreamClaimRenderInline extends React.PureComponent<Props, State> {
             <ImageViewer
               uri={uri}
               source={thumbnail}
+              title={__('Download')}
               onClick={() => {
                 webDownloadClaim(streamingUrl, 'file', false);
               }}
@@ -187,6 +190,7 @@ class StreamClaimRenderInline extends React.PureComponent<Props, State> {
             <ImageViewer
               uri={uri}
               source={thumbnail}
+              title={__('Download')}
               onClick={() => {
                 webDownloadClaim(streamingUrl, 'file', false);
               }}

diff --git a/ui/component/viewers/imageViewer.jsx b/ui/component/viewers/imageViewer.jsx
@@ -7,11 +7,12 @@ import Tooltip from 'component/common/tooltip';
 
 type Props = {
   source: string,
+  title: ?string,
   onClick: () => void,
 };
 
 function ImageViewer(props: Props) {
-  const { source, onClick } = props;
+  const { source, title, onClick } = props;
   const [loadingError, setLoadingError] = React.useState(false);
 
   return (
@@ -27,7 +28,7 @@ function ImageViewer(props: Props) {
           {!onClick ? (
             <ZoomableImage src={source} onError={() => setLoadingError(true)} />
           ) : (
-            <Tooltip title={__('Download')} arrow={false} followCursor enterDelay={100}>
+            <Tooltip title={title} arrow={false} followCursor enterDelay={100}>
               <img src={source} onError={() => setLoadingError(true)} onClick={onClick} />
             </Tooltip>
           )}