feat(web): display image credits in image tooltip

nextstrain · Sep 28, 2023 · d769ca0 · d769ca0
1 parent 0e7b1bf
commit d769ca0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages_rs/nextclade-web/src/components/Main/DatasetInfo.tsx b/packages_rs/nextclade-web/src/components/Main/DatasetInfo.tsx
@@ -194,6 +194,7 @@ export interface DatasetInfoCircleProps {
 }
 
 function DatasetInfoAutodetectProgressCircle({ dataset, showSuggestions }: DatasetInfoCircleProps) {
+  const { t } = useTranslationSafe()
   const { attributes, path, image } = dataset
   const { name } = attributes
 
@@ -221,10 +222,11 @@ function DatasetInfoAutodetectProgressCircle({ dataset, showSuggestions }: Datas
 
   const circle = useMemo(() => {
     if (image?.path) {
-      return <CircleImage $bg={circleBg} $image={image.path} />
+      const title = image?.source ? t('Image credits: {{source}}', { source: image.source }) : undefined
+      return <CircleImage $bg={circleBg} $image={image.path} title={title} />
     }
     return <Circle $bg={circleBg}>{circleText}</Circle>
-  }, [circleBg, circleText, image?.path])
+  }, [circleBg, circleText, image?.path, image?.source, t])
 
   return (
     <>