diff --git a/packages_rs/nextclade-web/src/assets/img/sib.addon.svg b/packages_rs/nextclade-web/src/assets/img/sib.addon.svg new file mode 100644 index 000000000..61f3dcab2 --- /dev/null +++ b/packages_rs/nextclade-web/src/assets/img/sib.addon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages_rs/nextclade-web/src/components/Main/Title.tsx b/packages_rs/nextclade-web/src/components/Main/Title.tsx index ba42eb27b..2b3a0aee4 100644 --- a/packages_rs/nextclade-web/src/components/Main/Title.tsx +++ b/packages_rs/nextclade-web/src/components/Main/Title.tsx @@ -1,8 +1,6 @@ import React from 'react' -import { LinkSmart } from 'src/components/Link/LinkSmart' -import { useTranslationSafe } from 'src/helpers/useTranslationSafe' - import styled from 'styled-components' +import SibAddon from 'src/assets/img/sib.addon.svg' import { TITLE_COLORS } from 'src/constants' @@ -50,7 +48,6 @@ const LetterSpan = styled.span<{ pos: number }>` ` export function Title() { - const { t } = useTranslationSafe() return ( @@ -64,7 +61,7 @@ export function Title() {
- {{t('What is this?')}} + {} {PACKAGE_VERSION && {`v${PACKAGE_VERSION}`}} @@ -74,8 +71,9 @@ export function Title() { ) } -const AboutLink = styled(LinkSmart)` - margin-bottom: auto; +const SibAddonLogo = styled(SibAddon)` + height: 25px; + margin-right: auto; ` export const Subtitle = styled.h2`