diff --git a/app/soapbox/components/ui/column/column.tsx b/app/soapbox/components/ui/column/column.tsx index f762fbbb7..959c555b6 100644 --- a/app/soapbox/components/ui/column/column.tsx +++ b/app/soapbox/components/ui/column/column.tsx @@ -3,6 +3,7 @@ import React from 'react'; import { useHistory } from 'react-router-dom'; import Helmet from 'soapbox/components/helmet'; +import { useSoapboxConfig } from 'soapbox/hooks'; import { Card, CardBody, CardHeader, CardTitle } from '../card/card'; @@ -24,6 +25,7 @@ const Column: React.FC = React.forwardRef((props, ref: React.ForwardedR const { backHref, children, label, transparent = false, withHeader = true, className } = props; const history = useHistory(); + const soapboxConfig = useSoapboxConfig(); const handleBackClick = () => { if (backHref) { @@ -60,7 +62,17 @@ const Column: React.FC = React.forwardRef((props, ref: React.ForwardedR return (
- {label} + + {label} + + {soapboxConfig.appleAppId && ( + + )} + {renderChildren()}
diff --git a/app/soapbox/containers/soapbox.tsx b/app/soapbox/containers/soapbox.tsx index 232e57817..e6cd733d8 100644 --- a/app/soapbox/containers/soapbox.tsx +++ b/app/soapbox/containers/soapbox.tsx @@ -151,10 +151,6 @@ const SoapboxMount = () => { {themeCss && } - - {soapboxConfig.appleAppId && ( - - )}