From 1cedad823b9750b48084f092ea9f8f0f1b5c9764 Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Fri, 2 Feb 2024 07:31:25 +0300
Subject: [PATCH] Open full_article on direct link fix (#390)

---
 src/components/Article/FullArticle.tsx                 | 6 ++++--
 src/components/_shared/InviteMembers/InviteMembers.tsx | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Article/FullArticle.tsx b/src/components/Article/FullArticle.tsx
index 9710b2ae..c7977bb5 100644
--- a/src/components/Article/FullArticle.tsx
+++ b/src/components/Article/FullArticle.tsx
@@ -29,6 +29,7 @@ import { VideoPlayer } from '../_shared/VideoPlayer'
 import { AuthorBadge } from '../Author/AuthorBadge'
 import { CardTopic } from '../Feed/CardTopic'
 import { FeedArticlePopup } from '../Feed/FeedArticlePopup'
+import { Modal } from '../Nav/Modal'
 import { TableOfContents } from '../TableOfContents'
 
 import { AudioHeader } from './AudioHeader'
@@ -294,7 +295,6 @@ export const FullArticle = (props: Props) => {
   const updateIframeSizes = () => {
     if (!articleContainer?.current || !props.article.body) return
     const iframes = articleContainer?.current?.querySelectorAll('iframe')
-    console.log('!!! iframes:', iframes)
     if (!iframes) return
     const containerWidth = articleContainer.current?.offsetWidth
     iframes.forEach((iframe) => {
@@ -621,7 +621,9 @@ export const FullArticle = (props: Props) => {
       <Show when={selectedImage()}>
         <Lightbox image={selectedImage()} onClose={handleLightboxClose} />
       </Show>
-      <InviteMembers variant={'coauthors'} title={t('Invite experts')} />
+      <Modal variant="medium" name="inviteMembers">
+        <InviteMembers variant={'coauthors'} title={t('Invite experts')} />
+      </Modal>
       <ShareModal
         title={props.article.title}
         description={description}
diff --git a/src/components/_shared/InviteMembers/InviteMembers.tsx b/src/components/_shared/InviteMembers/InviteMembers.tsx
index 87979810..a1563d0e 100644
--- a/src/components/_shared/InviteMembers/InviteMembers.tsx
+++ b/src/components/_shared/InviteMembers/InviteMembers.tsx
@@ -111,7 +111,7 @@ export const InviteMembers = (props: Props) => {
   }
 
   return (
-    <Modal variant="medium" name="inviteMembers">
+    <>
       <h2>{props.title || t('Invite collaborators')}</h2>
       <div class={clsx(styles.InviteMembers)}>
         <div class={styles.searchHeader}>
@@ -182,6 +182,6 @@ export const InviteMembers = (props: Props) => {
           />
         </div>
       </div>
-    </Modal>
+    </>
   )
 }