From a959436ac7ae27da049e58b8fe0b170a88e2f9b6 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Wed, 27 Sep 2023 15:17:04 -0400
Subject: [PATCH] Change wording from 'share' to 'invite'

This was updated in the designs.
---
 .../{ShareButton.tsx => InviteButton.tsx}      |  4 ++--
 src/room/GroupCallView.tsx                     | 18 +++++++++---------
 src/room/InCallView.tsx                        |  4 ++--
 ...Modal.module.css => InviteModal.module.css} |  0
 src/room/{ShareModal.tsx => InviteModal.tsx}   |  6 +++---
 src/room/LobbyView.tsx                         |  4 ++--
 6 files changed, 18 insertions(+), 18 deletions(-)
 rename src/button/{ShareButton.tsx => InviteButton.tsx} (95%)
 rename src/room/{ShareModal.module.css => InviteModal.module.css} (100%)
 rename src/room/{ShareModal.tsx => InviteModal.tsx} (87%)

diff --git a/src/button/ShareButton.tsx b/src/button/InviteButton.tsx
similarity index 95%
rename from src/button/ShareButton.tsx
rename to src/button/InviteButton.tsx
index 2f7f1334..158b3297 100644
--- a/src/button/ShareButton.tsx
+++ b/src/button/InviteButton.tsx
@@ -19,13 +19,13 @@ import { Button } from "@vector-im/compound-web";
 import { useTranslation } from "react-i18next";
 import { ReactComponent as UserAddSolidIcon } from "@vector-im/compound-design-tokens/icons/user-add-solid.svg";
 
-export const ShareButton: FC<
+export const InviteButton: FC<
   Omit<ComponentPropsWithoutRef<"button">, "children">
 > = (props) => {
   const { t } = useTranslation();
   return (
     <Button kind="secondary" size="sm" Icon={UserAddSolidIcon} {...props}>
-      {t("Share")}
+      {t("Invite")}
     </Button>
   );
 };
diff --git a/src/room/GroupCallView.tsx b/src/room/GroupCallView.tsx
index ab96926a..de4b1ed4 100644
--- a/src/room/GroupCallView.tsx
+++ b/src/room/GroupCallView.tsx
@@ -47,7 +47,7 @@ import { useEnableE2EE } from "../settings/useSetting";
 import { useRoomAvatar } from "./useRoomAvatar";
 import { useRoomName } from "./useRoomName";
 import { useJoinRule } from "./useJoinRule";
-import { ShareModal } from "./ShareModal";
+import { InviteModal } from "./InviteModal";
 
 declare global {
   interface Window {
@@ -274,15 +274,15 @@ export function GroupCallView({
 
   const joinRule = useJoinRule(rtcSession.room);
 
-  const [shareModalOpen, setShareModalOpen] = useState(false);
-  const onDismissShareModal = useCallback(
-    () => setShareModalOpen(false),
-    [setShareModalOpen]
+  const [shareModalOpen, setInviteModalOpen] = useState(false);
+  const onDismissInviteModal = useCallback(
+    () => setInviteModalOpen(false),
+    [setInviteModalOpen]
   );
 
   const onShareClickFn = useCallback(
-    () => setShareModalOpen(true),
-    [setShareModalOpen]
+    () => setInviteModalOpen(true),
+    [setInviteModalOpen]
   );
   const onShareClick = joinRule === JoinRule.Public ? onShareClickFn : null;
 
@@ -325,10 +325,10 @@ export function GroupCallView({
   }
 
   const shareModal = (
-    <ShareModal
+    <InviteModal
       room={rtcSession.room}
       open={shareModalOpen}
-      onDismiss={onDismissShareModal}
+      onDismiss={onDismissInviteModal}
     />
   );
 
diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index 313cc42f..06191f6c 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -69,7 +69,7 @@ import { useWakeLock } from "../useWakeLock";
 import { useMergedRefs } from "../useMergedRefs";
 import { MuteStates } from "./MuteStates";
 import { MatrixInfo } from "./VideoPreview";
-import { ShareButton } from "../button/ShareButton";
+import { InviteButton } from "../button/InviteButton";
 import { LayoutToggle } from "./LayoutToggle";
 import {
   ECAddonConnectionState,
@@ -417,7 +417,7 @@ export function InCallView({
           </LeftNav>
           <RightNav>
             {!reducedControls && onShareClick !== null && (
-              <ShareButton onClick={onShareClick} />
+              <InviteButton onClick={onShareClick} />
             )}
           </RightNav>
         </Header>
diff --git a/src/room/ShareModal.module.css b/src/room/InviteModal.module.css
similarity index 100%
rename from src/room/ShareModal.module.css
rename to src/room/InviteModal.module.css
diff --git a/src/room/ShareModal.tsx b/src/room/InviteModal.tsx
similarity index 87%
rename from src/room/ShareModal.tsx
rename to src/room/InviteModal.tsx
index 0439f10a..6a04e2ef 100644
--- a/src/room/ShareModal.tsx
+++ b/src/room/InviteModal.tsx
@@ -21,7 +21,7 @@ import { Room } from "matrix-js-sdk";
 import { Modal } from "../Modal";
 import { CopyButton } from "../button";
 import { getAbsoluteRoomUrl } from "../matrix-utils";
-import styles from "./ShareModal.module.css";
+import styles from "./InviteModal.module.css";
 import { useRoomSharedKey } from "../e2ee/sharedKeyManagement";
 
 interface Props {
@@ -30,12 +30,12 @@ interface Props {
   onDismiss: () => void;
 }
 
-export const ShareModal: FC<Props> = ({ room, open, onDismiss }) => {
+export const InviteModal: FC<Props> = ({ room, open, onDismiss }) => {
   const { t } = useTranslation();
   const roomSharedKey = useRoomSharedKey(room.roomId);
 
   return (
-    <Modal title={t("Share this call")} open={open} onDismiss={onDismiss}>
+    <Modal title={t("Invite to this call")} open={open} onDismiss={onDismiss}>
       <p>{t("Copy and share this call link")}</p>
       <CopyButton
         className={styles.copyButton}
diff --git a/src/room/LobbyView.tsx b/src/room/LobbyView.tsx
index fe8ccd9d..d8d26103 100644
--- a/src/room/LobbyView.tsx
+++ b/src/room/LobbyView.tsx
@@ -27,7 +27,7 @@ import { Header, LeftNav, RightNav, RoomHeaderInfo } from "../Header";
 import { useLocationNavigation } from "../useLocationNavigation";
 import { MatrixInfo, VideoPreview } from "./VideoPreview";
 import { MuteStates } from "./MuteStates";
-import { ShareButton } from "../button/ShareButton";
+import { InviteButton } from "../button/InviteButton";
 import {
   HangupButton,
   MicButton,
@@ -109,7 +109,7 @@ export const LobbyView: FC<Props> = ({
               />
             </LeftNav>
             <RightNav>
-              {onShareClick !== null && <ShareButton onClick={onShareClick} />}
+              {onShareClick !== null && <InviteButton onClick={onShareClick} />}
             </RightNav>
           </Header>
         )}