Open full_article on direct link fix (#390)

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}

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>
+    </>
   )
 }