diff --git a/web/src/components/Common/NextstrainLogo.tsx b/web/src/components/Common/NextstrainLogo.tsx index 5a4838087..1a113b8eb 100644 --- a/web/src/components/Common/NextstrainLogo.tsx +++ b/web/src/components/Common/NextstrainLogo.tsx @@ -38,7 +38,7 @@ const LetterSpan = styled.span<{ pos: number }>` export function NextstrainLogo() { return ( - ( + {'Nextstrain'.split('').map((letter, i) => ( @@ -48,6 +48,6 @@ export function NextstrainLogo() { ) ))} - ) + ); } diff --git a/web/src/components/Link/Link.tsx b/web/src/components/Link/Link.tsx index 30c0abb11..437c1000a 100644 --- a/web/src/components/Link/Link.tsx +++ b/web/src/components/Link/Link.tsx @@ -8,9 +8,9 @@ export interface LinkProps extends PropsWithChildren + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} {children} - ) + ); } diff --git a/web/src/components/Variants/ProteinCard.tsx b/web/src/components/Variants/ProteinCard.tsx index 53835be52..78c616ffd 100644 --- a/web/src/components/Variants/ProteinCard.tsx +++ b/web/src/components/Variants/ProteinCard.tsx @@ -3,6 +3,7 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react' import styled from 'styled-components' import { SiMoleculer } from 'react-icons/si' import { Card, CardBody, CardHeader, Col, Container, Row } from 'reactstrap' +import Image from 'next/image' import { URL_GITHUB } from 'src/constants' import { useTranslationSafe } from 'src/helpers/useTranslationSafe' @@ -10,7 +11,7 @@ import type { ClusterDatum } from 'src/io/getClusters' import { LinkExternal } from 'src/components/Link/LinkExternal' import GifPlayer from 'src/components/Common/GifPlayer' -import GisaidLogo from 'src/assets/images/GISAID_logo.svg' +import GisaidLogo from 'src/assets/images/GISAID_logo.png' const ProteinCardTitleIcon = styled(SiMoleculer)` margin: auto 5px; @@ -142,7 +143,7 @@ export function ProteinCard({ cluster }: ProteinCardProps) { {'. '} {t('Figure made via {{source}}', { source: '' })} - + GISAID