diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js index a897d1602..c4a9f3e38 100644 --- a/app/soapbox/features/ui/index.js +++ b/app/soapbox/features/ui/index.js @@ -33,6 +33,7 @@ import ProfilePage from 'soapbox/pages/profile_page'; // import GroupSidebarPanel from '../groups/sidebar_panel'; import HomePage from 'soapbox/pages/home_page'; import DefaultPage from 'soapbox/pages/default_page'; +import StatusPage from 'soapbox/pages/status_page'; import EmptyPage from 'soapbox/pages/default_page'; import AdminPage from 'soapbox/pages/admin_page'; import RemoteInstancePage from 'soapbox/pages/remote_instance_page'; @@ -269,7 +270,7 @@ class SwitchingColumnsArea extends React.PureComponent { - + diff --git a/app/soapbox/pages/status_page.js b/app/soapbox/pages/status_page.js new file mode 100644 index 000000000..6560cef0d --- /dev/null +++ b/app/soapbox/pages/status_page.js @@ -0,0 +1,62 @@ +import React from 'react'; +import { connect } from 'react-redux'; +import ImmutablePureComponent from 'react-immutable-pure-component'; +import PrimaryNavigation from 'soapbox/components/primary_navigation'; +import WhoToFollowPanel from 'soapbox/features/ui/components/who_to_follow_panel'; +import TrendsPanel from 'soapbox/features/ui/components/trends_panel'; +import PromoPanel from 'soapbox/features/ui/components/promo_panel'; +import FeaturesPanel from 'soapbox/features/ui/components/features_panel'; +import SignUpPanel from 'soapbox/features/ui/components/sign_up_panel'; +import LinkFooter from 'soapbox/features/ui/components/link_footer'; +import { getFeatures } from 'soapbox/utils/features'; + +const mapStateToProps = state => { + const me = state.get('me'); + const features = getFeatures(state.get('instance')); + + return { + me, + showTrendsPanel: features.trends, + showWhoToFollowPanel: features.suggestions, + }; +}; + +export default @connect(mapStateToProps) +class StatusPage extends ImmutablePureComponent { + + render() { + const { me, children, showTrendsPanel, showWhoToFollowPanel } = this.props; + + return ( +
+
+
+ +
+
+ +
+
+ +
+
+ {children} +
+
+ +
+
+ {showTrendsPanel && } + {showWhoToFollowPanel && } + {me ? : } + + +
+
+
+
+
+ ); + } + +}