Merge pull request #1279 from nextstrain/fix/web-export-nav

packages_rs/nextclade-web/src/components/Layout/NavigationBar.tsx

@@ -11,7 +11,7 @@ import { BsCaretRightFill as ArrowRight } from 'react-icons/bs'
 import { Link } from 'src/components/Link/Link'
 import { FaDocker, FaGithub, FaXTwitter, FaDiscourse } from 'react-icons/fa6'
 import { LinkSmart } from 'src/components/Link/LinkSmart'
-import { hasRanAtom, hasTreeAtom } from 'src/state/results.state'
+import { canDownloadAtom, hasRanAtom, hasTreeAtom } from 'src/state/results.state'
 import styled, { useTheme } from 'styled-components'
 import { useTranslationSafe } from 'src/helpers/useTranslationSafe'
 import BrandLogoBase from 'src/assets/img/nextclade_logo.svg'
@@ -132,6 +132,7 @@ export function NavigationBar() {
 
   const hasTree = useRecoilValue(hasTreeAtom)
   const hasRan = useRecoilValue(hasRanAtom)
+  const canDownload = useRecoilValue(canDownloadAtom)
 
   const linksLeft = useMemo(() => {
     return [
@@ -147,9 +148,9 @@ export function NavigationBar() {
         title: hasTree ? t('Show phylogenetic tree') : t('Please run the analysis on a dataset with reference tree'),
       },
       {
-        url: hasRan ? '/export' : undefined,
+        url: canDownload ? '/export' : undefined,
         content: t('Export'),
-        title: hasRan ? t('Export results') : t('Please run the analysis first.'),
+        title: canDownload ? t('Export results') : t('Please run the analysis first.'),
       },
     ].map((desc, i) => {
       const link = <NavLinkBreadcrumb key={desc.url ?? desc.title} desc={desc} active={pathname === desc.url} />
@@ -159,7 +160,7 @@ export function NavigationBar() {
       const arrow = <BreadcrumbArrow key={`arrow-${desc.url ?? desc.title}`} disabled={!desc.url} />
       return [arrow, link]
     })
-  }, [hasRan, hasTree, pathname, t])
+  }, [canDownload, hasRan, hasTree, pathname, t])
 
   const linksRight = useMemo(() => {
     return [