From 2618abe8224f88184a7c88a71e4f75c15dd54773 Mon Sep 17 00:00:00 2001
From: Devin Binnie <52460000+devinbinnie@users.noreply.github.com>
Date: Fri, 15 Jul 2022 09:26:48 -0400
Subject: [PATCH] Fixed an issue with a permission modal translation (#2197)

* Fixed an issue with a permission modal translation

* oops
---
 i18n/en.json                                    |  2 +-
 .../modals/permission/permissionModal.tsx       | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/i18n/en.json b/i18n/en.json
index 49c8b5c2..4bd4b40a 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -228,7 +228,7 @@
   "renderer.modals.login.loginModal.title": "Authentication Required",
   "renderer.modals.login.loginModal.username": "User Name",
   "renderer.modals.permission.permissionModal.body": "A site that's not included in your Mattermost server configuration requires access for {permission}.",
-  "renderer.modals.permission.permissionModal.requestOriginatedFrom": "This request originated from ",
+  "renderer.modals.permission.permissionModal.requestOriginatedFromOrigin": "This request originated from <link>{origin}</link>",
   "renderer.modals.permission.permissionModal.title": "{permission} Required",
   "renderer.modals.permission.permissionModal.unknownOrigin": "unknown origin"
 }
diff --git a/src/renderer/modals/permission/permissionModal.tsx b/src/renderer/modals/permission/permissionModal.tsx
index 263da57c..68543e22 100644
--- a/src/renderer/modals/permission/permissionModal.tsx
+++ b/src/renderer/modals/permission/permissionModal.tsx
@@ -91,10 +91,21 @@ class PermissionModal extends React.PureComponent<Props, State> {
                 </p>
                 <p>
                     <FormattedMessage
-                        id='renderer.modals.permission.permissionModal.requestOriginatedFrom'
-                        defaultMessage='This request originated from '
+                        id='renderer.modals.permission.permissionModal.requestOriginatedFromOrigin'
+                        defaultMessage='This request originated from <link>{origin}</link>'
+                        values={{
+                            origin: originDisplay,
+                            link: (msg: React.ReactNode) => (
+                                <a
+
+                                    onClick={click}
+                                    href='#'
+                                >
+                                    {msg}
+                                </a>
+                            ),
+                        }}
                     />
-                    <a onClick={click}>{originDisplay}</a>
                 </p>
             </div>
         );