diff --git a/app/soapbox/features/ui/components/features_panel.js b/app/soapbox/features/ui/components/features_panel.js new file mode 100644 index 000000000..9dbba637d --- /dev/null +++ b/app/soapbox/features/ui/components/features_panel.js @@ -0,0 +1,59 @@ +import React from 'react'; +import Icon from 'soapbox/components/icon'; +import { Link } from 'react-router-dom'; + +export default class FeaturesPanel extends React.PureComponent { + + render() { + return ( +
+
+ +
+ + + Edit Profile + +
+ +
+ + + Messages + +
+ +
+ + + Bookmarks + +
+ +
+ + + Lists + +
+ +
+ + + Security + +
+ +
+ + + Preferences + +
+ +
+
+ ); + } + +} diff --git a/app/soapbox/pages/home_page.js b/app/soapbox/pages/home_page.js index eeeafede9..81f2c93e3 100644 --- a/app/soapbox/pages/home_page.js +++ b/app/soapbox/pages/home_page.js @@ -4,6 +4,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component'; import WhoToFollowPanel from '../features/ui/components/who_to_follow_panel'; import TrendsPanel from '../features/ui/components/trends_panel'; import LinkFooter from '../features/ui/components/link_footer'; +import FeaturesPanel from '../features/ui/components/features_panel'; import PromoPanel from '../features/ui/components/promo_panel'; import UserPanel from '../features/ui/components/user_panel'; import FundingPanel from '../features/ui/components/funding_panel'; @@ -42,8 +43,6 @@ class HomePage extends ImmutablePureComponent {
{hasPatron && } - -
@@ -69,6 +68,9 @@ class HomePage extends ImmutablePureComponent { {/* */} {features.trends && } {features.suggestions && } + + + diff --git a/app/styles/components/wtf-panel.scss b/app/styles/components/wtf-panel.scss index 37566af47..a555e9490 100644 --- a/app/styles/components/wtf-panel.scss +++ b/app/styles/components/wtf-panel.scss @@ -8,6 +8,10 @@ box-sizing: border-box; background: var(--foreground-color); + &:first-child { + margin-top: 0; + } + &:not(:last-of-type) { margin-bottom: 10px; } diff --git a/app/styles/donations.scss b/app/styles/donations.scss index b108949c1..bb4798f1d 100644 --- a/app/styles/donations.scss +++ b/app/styles/donations.scss @@ -169,7 +169,7 @@ body.admin { } .funding-panel { - margin: 20px 0; + margin-top: 15px; strong { font-weight: bold;