From 1c2cb6a63a8599f9a24bfae0bfa77df7ffdc3d96 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 18 Aug 2020 11:05:00 -0500
Subject: [PATCH] Updated modals that use features to be async loaded with
 WrappedBundle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- modals that use features to be async loaded with WrappedBundle
---
 .../gabsocial/components/modal/group_create_modal.js         | 5 +++--
 .../gabsocial/components/modal/list_editor_modal.js          | 5 +++--
 .../gabsocial/components/modal/status_likes_modal.js         | 5 +++--
 .../gabsocial/components/modal/status_reposts_modal.js       | 5 +++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/app/javascript/gabsocial/components/modal/group_create_modal.js b/app/javascript/gabsocial/components/modal/group_create_modal.js
index 742b30df..c9bcbc87 100644
--- a/app/javascript/gabsocial/components/modal/group_create_modal.js
+++ b/app/javascript/gabsocial/components/modal/group_create_modal.js
@@ -2,7 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { defineMessages, injectIntl } from 'react-intl'
 import ModalLayout from './modal_layout'
-import GroupCreate from '../../features/group_create'
+import { GroupCreate } from '../../features/ui/util/async_components'
+import WrappedBundle from '../../features/ui/util/wrapped_bundle'
 
 const messages = defineMessages({
   title: { id: 'create_group', defaultMessage: 'Create group' },
@@ -30,7 +31,7 @@ class GroupCreateModal extends React.PureComponent {
         width={440}
         onClose={onClose}
       >
-        <GroupCreate onCloseModal={onClose} params={{ id: groupId }} />
+        <WrappedBundle component={GroupCreate} componentParams={{ id: groupId, onCloseModal: onClose }} />
       </ModalLayout>
     )
   }
diff --git a/app/javascript/gabsocial/components/modal/list_editor_modal.js b/app/javascript/gabsocial/components/modal/list_editor_modal.js
index fe459f0d..3de6aa5a 100644
--- a/app/javascript/gabsocial/components/modal/list_editor_modal.js
+++ b/app/javascript/gabsocial/components/modal/list_editor_modal.js
@@ -3,7 +3,8 @@ import PropTypes from 'prop-types'
 import { defineMessages, injectIntl } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import ModalLayout from './modal_layout'
-import ListEdit from '../../features/list_edit'
+import { ListEdit } from '../../features/ui/util/async_components'
+import WrappedBundle from '../../features/ui/util/wrapped_bundle'
 
 const messages = defineMessages({
   title: { id: 'lists.edit', defaultMessage: 'Edit list' },
@@ -29,7 +30,7 @@ class ListEditorModal extends ImmutablePureComponent {
         onClose={onClose}
         noPadding
       >
-        <ListEdit id={id} />
+        <WrappedBundle component={ListEdit} componentParams={{ id }} />
       </ModalLayout>
     )
   }
diff --git a/app/javascript/gabsocial/components/modal/status_likes_modal.js b/app/javascript/gabsocial/components/modal/status_likes_modal.js
index e38e8ef8..da8a95bf 100644
--- a/app/javascript/gabsocial/components/modal/status_likes_modal.js
+++ b/app/javascript/gabsocial/components/modal/status_likes_modal.js
@@ -3,7 +3,8 @@ import PropTypes from 'prop-types'
 import { defineMessages, injectIntl } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import StatusLikes from '../../features/status_likes'
+import { StatusLikes } from '../../features/ui/util/async_components'
+import WrappedBundle from '../../features/ui/util/wrapped_bundle'
 import ModalLayout from './modal_layout'
 
 const messages = defineMessages({
@@ -38,7 +39,7 @@ class StatusLikesModal extends ImmutablePureComponent {
         onClose={onClose}
         noPadding
       >
-        <StatusLikes params={params} />
+        <WrappedBundle component={StatusLikes} componentParams={params} />
       </ModalLayout>
     )
   }
diff --git a/app/javascript/gabsocial/components/modal/status_reposts_modal.js b/app/javascript/gabsocial/components/modal/status_reposts_modal.js
index 5ce4a545..d38aa078 100644
--- a/app/javascript/gabsocial/components/modal/status_reposts_modal.js
+++ b/app/javascript/gabsocial/components/modal/status_reposts_modal.js
@@ -3,7 +3,8 @@ import PropTypes from 'prop-types'
 import { defineMessages, injectIntl } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import ImmutablePropTypes from 'react-immutable-proptypes'
-import StatusReposts from '../../features/status_reposts'
+import { StatusReposts } from '../../features/ui/util/async_components'
+import WrappedBundle from '../../features/ui/util/wrapped_bundle'
 import ModalLayout from './modal_layout'
 
 const messages = defineMessages({
@@ -38,7 +39,7 @@ class StatusRepostsModal extends ImmutablePureComponent {
         onClose={onClose}
         noPadding
       >
-        <StatusReposts params={params} />
+        <WrappedBundle component={StatusReposts} componentParams={params} />
       </ModalLayout>
     )
   }