bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Include CtaBanner in layouts

Browse source
This commit is contained in:
Justin 2022-05-10 06:17:14 -04:00
parent a8142d9e2b
commit 173fbd6535
5 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/features/ui/util/async-components.ts
View file

@ -346,6 +346,10 @@ export function SignUpPanel() {
return import(/* webpackChunkName: "features/ui" */'../components/panels/sign-up-panel');
}
export function CtaBanner() {
return import(/* webpackChunkName: "features/ui" */'../components/cta-banner');
}
export function FundingPanel() {
return import(/* webpackChunkName: "features/ui" */'../components/funding_panel');
}

7
app/soapbox/pages/default_page.tsx
View file

@ -6,6 +6,7 @@ import {
WhoToFollowPanel,
TrendsPanel,
SignUpPanel,
CtaBanner,
} from 'soapbox/features/ui/util/async-components';
import { useAppSelector, useFeatures } from 'soapbox/hooks';
@ -19,6 +20,12 @@ const DefaultPage: React.FC = ({ children }) => {
<>
<Layout.Main>
{children}
{!me && (
<BundleContainer fetchComponent={CtaBanner}>
{Component => <Component key='cta-banner' />}
</BundleContainer>
)}
</Layout.Main>
<Layout.Aside>

7
app/soapbox/pages/home_page.tsx
View file

@ -10,6 +10,7 @@ import {
FundingPanel,
CryptoDonatePanel,
BirthdayPanel,
CtaBanner,
} from 'soapbox/features/ui/util/async-components';
import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
@ -56,6 +57,12 @@ const HomePage: React.FC = ({ children }) => {
)}
{children}
{!me && (
<BundleContainer fetchComponent={CtaBanner}>
{Component => <Component key='cta-banner' />}
</BundleContainer>
)}
</Layout.Main>
<Layout.Aside>

7
app/soapbox/pages/profile_page.tsx
View file

@ -10,6 +10,7 @@ import {
ProfileMediaPanel,
ProfileFieldsPanel,
SignUpPanel,
CtaBanner,
} from 'soapbox/features/ui/util/async-components';
import { useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
import { findAccountByUsername } from 'soapbox/selectors';
@ -134,6 +135,12 @@ const ProfilePage: React.FC<IProfilePage> = ({ params, children }) => {
{children}
</div>
</Column>
{!me && (
<BundleContainer fetchComponent={CtaBanner}>
{Component => <Component key='cta-banner' />}
</BundleContainer>
)}
</Layout.Main>
<Layout.Aside>

7
app/soapbox/pages/status_page.js
View file

@ -7,6 +7,7 @@ import {
WhoToFollowPanel,
TrendsPanel,
SignUpPanel,
CtaBanner,
} from 'soapbox/features/ui/util/async-components';
// import GroupSidebarPanel from '../features/groups/sidebar_panel';
import { getFeatures } from 'soapbox/utils/features';
@ -35,6 +36,12 @@ class StatusPage extends ImmutablePureComponent {
<>
<Layout.Main>
{children}
{!me && (
<BundleContainer fetchComponent={CtaBanner}>
{Component => <Component key='cta-banner' />}
</BundleContainer>
)}
</Layout.Main>
<Layout.Aside>