RemoteInstance: async panels

This commit is contained in:
Alex Gleason 2021-09-18 19:23:48 -05:00
parent abcdc1fd63
commit aa54e0bd0b
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 18 additions and 4 deletions

View file

@ -322,6 +322,14 @@ export function ProfileMediaPanel() {
return import(/* webpackChunkName: "features/account_gallery" */'../components/profile_media_panel'); 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() { export function CryptoDonate() {
return import(/* webpackChunkName: "features/crypto_donate" */'../../crypto_donate'); return import(/* webpackChunkName: "features/crypto_donate" */'../../crypto_donate');
} }

View file

@ -5,10 +5,10 @@ import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
import { import {
PromoPanel, PromoPanel,
FeaturesPanel, FeaturesPanel,
InstanceInfoPanel,
InstanceModerationPanel,
} from 'soapbox/features/ui/util/async-components'; } from 'soapbox/features/ui/util/async-components';
import LinkFooter from 'soapbox/features/ui/components/link_footer'; 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 { federationRestrictionsDisclosed } from 'soapbox/utils/state';
import { isAdmin } from 'soapbox/utils/accounts'; 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 columns-area__panels__pane--left'>
<div className='columns-area__panels__pane__inner'> <div className='columns-area__panels__pane__inner'>
<InstanceInfoPanel host={host} /> <BundleContainer fetchComponent={InstanceInfoPanel}>
{(disclosed || isAdmin) && <InstanceModerationPanel host={host} />} {Component => <Component host={host} />}
</BundleContainer>
{(disclosed || isAdmin) && (
<BundleContainer fetchComponent={InstanceModerationPanel}>
{Component => <Component host={host} />}
</BundleContainer>
)}
</div> </div>
</div> </div>