From 6d900d9c19ce8b43efa1d312b161ce5352b10afc Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 17 Sep 2020 22:13:30 -0500
Subject: [PATCH] About i18n: improve siteTitle translation

---
 app/soapbox/features/public_layout/components/header.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/features/public_layout/components/header.js b/app/soapbox/features/public_layout/components/header.js
index 14c40d71f..173df7307 100644
--- a/app/soapbox/features/public_layout/components/header.js
+++ b/app/soapbox/features/public_layout/components/header.js
@@ -16,8 +16,7 @@ import IconButton from 'soapbox/components/icon_button';
 const messages = defineMessages({
   home: { id: 'header.home.label', defaultMessage: 'Home' },
   about: { id: 'header.about.label', defaultMessage: 'About' },
-  backTo: { id: 'header.back_to.label', defaultMessage: 'Back to' },
-  backToEnding: { id: 'header.back_to_ending.label', defaultMessage: ' ' },
+  backTo: { id: 'header.back_to.label', defaultMessage: 'Back to {siteTitle}' },
   login: { id: 'header.login.label', defaultMessage: 'Log in' },
   close: { id: 'lightbox.close', defaultMessage: 'Close' },
 });
@@ -103,13 +102,13 @@ class Header extends ImmutablePureComponent {
           <div className='nav-right'>
             <div className='hidden-sm'>
               {me
-                ? <Link className='nav-link nav-button webapp-btn' to='/'>{intl.formatMessage(messages.backTo)} {instance.get('title')} {intl.formatMessage(messages.backToEnding)}</Link>
+                ? <Link className='nav-link nav-button webapp-btn' to='/'>{intl.formatMessage(messages.backTo, { siteTitle: instance.get('title') })}</Link>
                 : <LoginForm handleSubmit={this.handleSubmit} isLoading={isLoading} />
               }
             </div>
             <div className='visible-sm'>
               {me
-                ? <Link className='nav-link nav-button webapp-btn' to='/'>{intl.formatMessage(messages.backTo)} {instance.get('title')} {intl.formatMessage(messages.backToEnding)}</Link>
+                ? <Link className='nav-link nav-button webapp-btn' to='/'>{intl.formatMessage(messages.backTo, { siteTitle: instance.get('title') })}</Link>
                 : <Link className='nav-link nav-button webapp-btn' to='/auth/sign_in'>{intl.formatMessage(messages.login)}</Link>
               }
             </div>