Add translator descriptions

3 files changed, 30 insertions, 14 deletions

diff --git a/gui/src/renderer/components/LocationList.tsx b/gui/src/renderer/components/LocationList.tsx
index 479d547bf8..720d90a6c2 100644
--- a/gui/src/renderer/components/LocationList.tsx
+++ b/gui/src/renderer/components/LocationList.tsx
@@ -421,10 +421,18 @@ export class RelayLocations extends React.PureComponent<IRelayLocationsProps> {
     }
 
     return info !== undefined
-      ? sprintf(messages.pgettext('select-location-view', '%(location)s (%(info)s)'), {
-          location: translatedName,
-          info,
-        })
+      ? sprintf(
+          // TRANSLATORS: This is used for appending information about a location.
+          // TRANSLATORS: E.g. "Gothenburg (Entry)" if Gothenburg has been selected as the entrypoint.
+          // TRANSLATORS: Available placeholders:
+          // TRANSLATORS: %(location)s - Translated location name
+          // TRANSLATORS: %(info)s - Information about the location
+          messages.pgettext('select-location-view', '%(location)s (%(info)s)'),
+          {
+            location: translatedName,
+            info,
+          },
+        )
       : translatedName;
   }
 
diff --git a/gui/src/renderer/components/OpenVPNSettings.tsx b/gui/src/renderer/components/OpenVPNSettings.tsx
index 71194287c8..1696f45052 100644
--- a/gui/src/renderer/components/OpenVPNSettings.tsx
+++ b/gui/src/renderer/components/OpenVPNSettings.tsx
@@ -183,10 +183,9 @@ export default class OpenVpnSettings extends React.Component<IProps, IState> {
                               'openvpn-settings-view',
                               'Helps circumvent censorship, by routing your traffic through a bridge server before reaching an OpenVPN server. Obfuscation is added to make fingerprinting harder.',
                             )
-                          : // This line is here to prevent prettier from moving up the next line.
-                            // TRANSLATORS: This is used to instruct users how to make the bridge
-                            // TRANSLATORS: mode setting available.
-                            formatMarkdown(
+                          : formatMarkdown(
+                              // TRANSLATORS: This is used to instruct users how to make the bridge
+                              // TRANSLATORS: mode setting available.
                               messages.pgettext(
                                 'openvpn-settings-view',
                                 'To activate Bridge mode, go back and change **Tunnel protocol** to **OpenVPN**.',
diff --git a/gui/src/renderer/components/WireguardSettings.tsx b/gui/src/renderer/components/WireguardSettings.tsx
index 80e916fe1b..d41d647266 100644
--- a/gui/src/renderer/components/WireguardSettings.tsx
+++ b/gui/src/renderer/components/WireguardSettings.tsx
@@ -158,7 +158,10 @@ export default class WireguardSettings extends React.Component<IProps, IState> {
                   <Cell.Container>
                     <AriaLabel>
                       <Cell.InputLabel>
-                        {messages.pgettext('advanced-settings-view', 'Enable multihop')}
+                        {
+                          // TRANSLATORS: The label next to the multihop settings toggle.
+                          messages.pgettext('advanced-settings-view', 'Enable multihop')
+                        }
                       </Cell.InputLabel>
                     </AriaLabel>
                     <AriaInput>
@@ -172,10 +175,13 @@ export default class WireguardSettings extends React.Component<IProps, IState> {
                   <Cell.Footer>
                     <AriaDescription>
                       <Cell.FooterText>
-                        {messages.pgettext(
-                          'advanced-settings-view',
-                          'Increases anonymity by routing your traffic into one WireGuard server and out another, making it harder to trace.',
-                        )}
+                        {
+                          // TRANSLATORS: Description for multihop settings toggle.
+                          messages.pgettext(
+                            'advanced-settings-view',
+                            'Increases anonymity by routing your traffic into one WireGuard server and out another, making it harder to trace.',
+                          )
+                        }
                       </Cell.FooterText>
                     </AriaDescription>
                   </Cell.Footer>
@@ -291,7 +297,10 @@ export default class WireguardSettings extends React.Component<IProps, IState> {
     return (
       <ModalAlert
         type={ModalAlertType.info}
-        message={messages.gettext('This setting increases latency. Use only if needed.')}
+        message={
+          // TRANSLATORS: Warning text in a dialog that is displayed after a setting is toggled.
+          messages.gettext('This setting increases latency. Use only if needed.')
+        }
         buttons={[
           <AppButton.RedButton key="confirm" onClick={this.confirmWireguardMultihop}>
             {messages.gettext('Enable anyway')}