From cfba5b19f49bdfe374019bcf42c24821b0f88087 Mon Sep 17 00:00:00 2001
From: "P. Douglas Reeder" <reeder.29@gmail.com>
Date: Tue, 8 Oct 2024 14:48:37 -0400
Subject: [PATCH] Invite using Web Share API: hides "Share in English" when
 locale is English

---
 src/react-components/room/InvitePopover.js    | 25 +++++++++++--------
 .../room/RoomSettingsSidebar.js               | 12 +++++----
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/react-components/room/InvitePopover.js b/src/react-components/room/InvitePopover.js
index 436666b12b..d47dcef0c5 100644
--- a/src/react-components/room/InvitePopover.js
+++ b/src/react-components/room/InvitePopover.js
@@ -18,6 +18,7 @@ import { ReactComponent as ShareIcon } from "../icons/Share.svg";
 
 function InvitePopoverContent({ url, embed, inviteRequired, fetchingInvite, inviteUrl, revokeInvite, shareUrlHandler }) {
   const [isShareInEnglish, setIsShareInEnglish] = useState(false);
+  const intl = useIntl();
   return (
     <Column center padding grow gap="lg" className={styles.invitePopover}>
       {inviteRequired ? (
@@ -29,11 +30,13 @@ function InvitePopoverContent({ url, embed, inviteRequired, fetchingInvite, invi
                 <FormattedMessage id="invite-popover.share-invitation" defaultMessage="Share Invitation" />
               </span>
             </Button>
-            <Checkbox
-              label={<FormattedMessage id="invite-popover.share-in-english" defaultMessage="Share in English" />}
-              checked={isShareInEnglish}
-              onChange={_event => setIsShareInEnglish(inEnglish => !inEnglish)}
-            />
+            { ! intl?.locale?.startsWith?.('en') &&
+              <Checkbox
+                label={<FormattedMessage id="invite-popover.share-in-english" defaultMessage="Share in English" />}
+                checked={isShareInEnglish}
+                onChange={_event => setIsShareInEnglish(inEnglish => !inEnglish)}
+              />
+            }
           </>
           }
           <InviteLinkInputField fetchingInvite={fetchingInvite} inviteUrl={inviteUrl} onRevokeInvite={revokeInvite} />
@@ -47,11 +50,13 @@ function InvitePopoverContent({ url, embed, inviteRequired, fetchingInvite, invi
                 <FormattedMessage id="invite-popover.share-room-link" defaultMessage="Share Room Link" />
               </span>
             </Button>
-            <Checkbox
-              label={<FormattedMessage id="invite-popover.share-in-english" defaultMessage="Share in English" />}
-              checked={isShareInEnglish}
-              onChange={_event => setIsShareInEnglish(inEnglish => !inEnglish)}
-            />
+            { ! intl?.locale?.startsWith?.('en') &&
+              <Checkbox
+                label={<FormattedMessage id="invite-popover.share-in-english" defaultMessage="Share in English" />}
+                checked={isShareInEnglish}
+                onChange={_event => setIsShareInEnglish(inEnglish => !inEnglish)}
+              />
+            }
           </>
           }
           <CopyableTextInputField
diff --git a/src/react-components/room/RoomSettingsSidebar.js b/src/react-components/room/RoomSettingsSidebar.js
index bf9d7eaf39..636e692743 100644
--- a/src/react-components/room/RoomSettingsSidebar.js
+++ b/src/react-components/room/RoomSettingsSidebar.js
@@ -148,11 +148,13 @@ export function RoomSettingsSidebar({
                 <FormattedMessage id="invite-popover.share-invitation" defaultMessage="Share Invitation" />
               </span>
               </Button>
-              <Checkbox
-                label={<FormattedMessage id="invite-popover.share-in-english" defaultMessage="Share in English" />}
-                checked={isShareInEnglish}
-                onChange={_event => setIsShareInEnglish(inEnglish => !inEnglish)}
-              />
+              { ! intl?.locale?.startsWith?.('en') &&
+                <Checkbox
+                  label={<FormattedMessage id="invite-popover.share-in-english" defaultMessage="Share in English" />}
+                  checked={isShareInEnglish}
+                  onChange={_event => setIsShareInEnglish(inEnglish => !inEnglish)}
+                />
+              }
             </>
             }
             <InviteLinkInputField fetchingInvite={fetchingInvite} inviteUrl={inviteUrl} onRevokeInvite={onRevokeInvite} />