From aa54e0bd0bfb52b6e8ad3677e6ea1dddc17b4872 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 18 Sep 2021 19:23:48 -0500
Subject: [PATCH] RemoteInstance: async panels

---
 app/soapbox/features/ui/util/async-components.js |  8 ++++++++
 app/soapbox/pages/remote_instance_page.js        | 14 ++++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/features/ui/util/async-components.js b/app/soapbox/features/ui/util/async-components.js
index 278edeae4..40b92d935 100644
--- a/app/soapbox/features/ui/util/async-components.js
+++ b/app/soapbox/features/ui/util/async-components.js
@@ -322,6 +322,14 @@ export function ProfileMediaPanel() {
   return import(/* webpackChunkName: "features/account_gallery" */'../components/profile_media_panel');
 }
 
+export function InstanceInfoPanel() {
+  return import(/* webpackChunkName: "features/remote_timeline" */'../components/profile_media_panel');
+}
+
+export function InstanceModerationPanel() {
+  return import(/* webpackChunkName: "features/remote_timeline" */'../components/profile_media_panel');
+}
+
 export function CryptoDonate() {
   return import(/* webpackChunkName: "features/crypto_donate" */'../../crypto_donate');
 }
diff --git a/app/soapbox/pages/remote_instance_page.js b/app/soapbox/pages/remote_instance_page.js
index d6ed14437..815a21ac7 100644
--- a/app/soapbox/pages/remote_instance_page.js
+++ b/app/soapbox/pages/remote_instance_page.js
@@ -5,10 +5,10 @@ import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
 import {
   PromoPanel,
   FeaturesPanel,
+  InstanceInfoPanel,
+  InstanceModerationPanel,
 } from 'soapbox/features/ui/util/async-components';
 import LinkFooter from 'soapbox/features/ui/components/link_footer';
-import InstanceInfoPanel from 'soapbox/features/ui/components/instance_info_panel';
-import InstanceModerationPanel from 'soapbox/features/ui/components/instance_moderation_panel';
 import { federationRestrictionsDisclosed } from 'soapbox/utils/state';
 import { isAdmin } from 'soapbox/utils/accounts';
 
@@ -36,8 +36,14 @@ class RemoteInstancePage extends ImmutablePureComponent {
 
             <div className='columns-area__panels__pane columns-area__panels__pane--left'>
               <div className='columns-area__panels__pane__inner'>
-                <InstanceInfoPanel host={host} />
-                {(disclosed || isAdmin) && <InstanceModerationPanel host={host} />}
+                <BundleContainer fetchComponent={InstanceInfoPanel}>
+                  {Component => <Component host={host} />}
+                </BundleContainer>
+                {(disclosed || isAdmin) && (
+                  <BundleContainer fetchComponent={InstanceModerationPanel}>
+                    {Component => <Component host={host} />}
+                  </BundleContainer>
+                )}
               </div>
             </div>