Fix bug 66831 - Rooms: Invite via link: Request failed with status code 403

packages/client/src/components/panels/InvitePanel/sub-components/ExternalLinks.js

@@ -66,25 +66,36 @@ const ExternalLinks = ({
   isMobileView,
   getPortalInviteLink,
 }) => {
+  const [isLinksToggling, setIsLinksToggling] = useState(false);
+
   const [actionLinksVisible, setActionLinksVisible] = useState(false);
 
   const inputsRef = useRef();
 
   const toggleLinks = async (e) => {
-    if (roomId === -1) {
+    if (isLinksToggling) return;
-      if (e?.target?.checked) {
-        const link = shareLinks.find((l) => l.access === defaultAccess);
 
-        link.shareLink = await getPortalInviteLink(defaultAccess);
+    setIsLinksToggling(true);
 
-        setActiveLink(link);
+    try {
-        copyLink(link.shareLink);
+      if (roomId === -1) {
+        if (e?.target?.checked) {
+          const link = shareLinks.find((l) => l.access === defaultAccess);
+
+          link.shareLink = await getPortalInviteLink(defaultAccess);
+
+          setActiveLink(link);
+          copyLink(link.shareLink);
+        }
+      } else {
+        !externalLinksVisible ? editLink() : disableLink();
       }
-    } else {
+      onChangeExternalLinksVisible(!externalLinksVisible);
-      !externalLinksVisible ? editLink() : disableLink();
+    } catch (error) {
+      toastr.error(error.message);
+    } finally {
+      setIsLinksToggling(false);
     }
-
-    onChangeExternalLinksVisible(!externalLinksVisible);
   };
 
   const disableLink = () => {
@@ -223,6 +234,7 @@ const ExternalLinks = ({
           className="invite-via-link"
           isChecked={externalLinksVisible}
           onChange={toggleLinks}
+          isDisabled={isLinksToggling}
         />
       </StyledSubHeader>
       <StyledDescription>