modal-fix

src/components/Views/Edit.tsx

@@ -26,6 +26,7 @@ import { TableOfContents } from '../TableOfContents'
 import { PublishSettings } from './PublishSettings'
 
 import styles from './Edit.module.scss'
+import { Modal } from '../Nav/Modal'
 
 const SimplifiedEditor = lazy(() => import('../Editor/SimplifiedEditor'))
 const GrowingTextarea = lazy(() => import('../_shared/GrowingTextarea/GrowingTextarea'))
@@ -413,7 +414,10 @@ export const EditView = (props: Props) => {
         <PublishSettings shoutId={props.shout.id} form={form} />
       </Show>
       <Panel shoutId={props.shout.id} />
-      <InviteMembers variant={'coauthors'} title={t('Invite experts')} />
+
+      <Modal variant="medium" name="inviteCoauthors">
+        <InviteMembers variant={'coauthors'} title={t('Invite experts')} />
+      </Modal>
     </>
   )
 }

src/components/Views/Feed/Feed.tsx

@@ -34,6 +34,7 @@ import { Sidebar } from '../../Feed/Sidebar'
 import styles from './Feed.module.scss'
 import stylesBeside from '../../Feed/Beside.module.scss'
 import stylesTopic from '../../Feed/CardTopic.module.scss'
+import { Modal } from '../../Nav/Modal'
 
 export const FEED_PAGE_SIZE = 20
 const UNRATED_ARTICLES_COUNT = 5
@@ -439,7 +440,10 @@ export const FeedView = (props: Props) => {
           shareUrl={getShareUrl({ pathname: `/${shareData().slug}` })}
         />
       </Show>
-      <InviteMembers title={t('Invite experts')} variant={'coauthors'} />
+
+      <Modal variant="medium" name="inviteCoauthors">
+        <InviteMembers variant={'coauthors'} title={t('Invite experts')} />
+      </Modal>
     </div>
   )
 }

src/components/Views/Inbox/Inbox.tsx

@@ -21,6 +21,7 @@ import MessagesFallback from '../../Inbox/MessagesFallback'
 import Search from '../../Inbox/Search'
 
 import styles from './Inbox.module.scss'
+import { Modal } from '../../Nav/Modal'
 
 type InboxSearchParams = {
   by?: string
@@ -181,7 +182,9 @@ export const InboxView = (props: Props) => {
 
   return (
     <div class={clsx('container', styles.Inbox)}>
-      <InviteMembers title={t('Create Chat')} variant={'recipients'} />
+      <Modal variant="medium" name="inviteMembers">
+        <InviteMembers title={t('Create Chat')} variant={'recipients'} />
+      </Modal>
       {/*<CreateModalContent users={recipients()} />*/}
       <div class={clsx('row', styles.row)}>
         <div class={clsx(styles.chatList, 'col-md-8')}>

src/components/_shared/InviteMembers/InviteMembers.tsx

@@ -8,7 +8,7 @@ import { Author } from '../../../graphql/schema/core.gen'
 import { hideModal } from '../../../stores/ui'
 import { useAuthorsStore } from '../../../stores/zine/authors'
 import { AuthorBadge } from '../../Author/AuthorBadge'
-import { Modal } from '../../Nav/Modal'
+// import { Modal } from '../../Nav/Modal'
 import { Button } from '../Button'
 import { DropdownSelect } from '../DropdownSelect'
 import { Loading } from '../Loading'

src/graphql/query/core/reactions-load-by.ts

@@ -6,7 +6,6 @@ export default gql`
       id
       kind
       body
-      range
       reply_to
       shout {
         id