diff --git a/clients/web/src/components/banner/goodbye.tsx b/clients/web/src/components/banner/goodbye.tsx index 92e00e35a..b584cc57f 100644 --- a/clients/web/src/components/banner/goodbye.tsx +++ b/clients/web/src/components/banner/goodbye.tsx @@ -60,8 +60,9 @@ const bannerBackground = css` export const BannerGoodbye = () => { const { t, i18n } = useTranslation() const currentLanguage = i18n.language.toLowerCase() - const showBanner = currentLanguage === 'en' || currentLanguage === 'en-us' - return showBanner ? ( + const linkToFarewell = currentLanguage === 'en' || currentLanguage === 'en-us' + + return (

{t('shutdown:banner-header', 'Pocket is shutting down')}

@@ -71,12 +72,18 @@ export const BannerGoodbye = () => { 'shutdown:banner-copy', 'After much thought, we’ve made the difficult decision to close Pocket. Thanks for being part of the journey. Find out about refunds and how to export your content in our support article.' )} - - {t('shutdown:banner-readmore', 'Read more')} - + {linkToFarewell ? ( + + {t('shutdown:banner-readmore', 'Read more')} + + ) : ( + + {t('shutdown:banner-readmore', 'Read more')} + + )}

- ) : null + ) }