From fc7af08748bd0d2d94fcda97c3b3fca032d88876 Mon Sep 17 00:00:00 2001
From: Thomas Weber <weber_t@mailbox.org>
Date: Sat, 12 Dec 2020 12:06:16 -0600
Subject: [PATCH] Change how the "(legacy)" text is added

Should allow this to actually be translated properly
---
 src/components/menu-bar/menu-bar.jsx | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx
index 980f916a4..c459b3fcf 100644
--- a/src/components/menu-bar/menu-bar.jsx
+++ b/src/components/menu-bar/menu-bar.jsx
@@ -552,16 +552,26 @@ class MenuBar extends React.Component {
                                                     </React.Fragment>
                                                 )}
                                                 <MenuItem onClick={this.getSaveToComputerHandler(downloadProject)}>
-                                                    <FormattedMessage
-                                                        defaultMessage="Save to your computer"
-                                                        description="Menu bar item for downloading a project to your computer" // eslint-disable-line max-len
-                                                        id="gui.menuBar.downloadToComputer"
-                                                    />
-                                                    {extended.available && (
+                                                    {extended.available ? (
                                                         <FormattedMessage
-                                                            defaultMessage=" (legacy)"
-                                                            description="Text that appears after 'Save project to your computer' on legacy button." // eslint-disable-line max-len
-                                                            id="tw.menuBar.downloadToComputerLegacyAppend"
+                                                            defaultMessage="{saveToYourComputer} (legacy)"
+                                                            description="Wrapper around 'Save to your computer' when a more modern API is available" // eslint-disable-line max-len
+                                                            id="tw.menuBar.legacyDownloadToComputer"
+                                                            values={{
+                                                                saveToYourComputer: (
+                                                                    <FormattedMessage
+                                                                        defaultMessage="Save to your computer"
+                                                                        description="Menu bar item for downloading a project to your computer" // eslint-disable-line max-len
+                                                                        id="gui.menuBar.downloadToComputer"
+                                                                    />
+                                                                )
+                                                            }}
+                                                        />
+                                                    ) : (
+                                                        <FormattedMessage
+                                                            defaultMessage="Save to your computer"
+                                                            description="Menu bar item for downloading a project to your computer" // eslint-disable-line max-len
+                                                            id="gui.menuBar.downloadToComputer"
                                                         />
                                                     )}
                                                 </MenuItem>