diff --git a/.gitignore b/.gitignore index e69de29..62c8935 100644 --- a/.gitignore +++ b/.gitignore @@ -0,0 +1 @@ +.idea/ \ No newline at end of file diff --git a/both/components/Feed/FeedList.jsx b/both/components/Feed/FeedList.jsx index ceed960..a9e1e5f 100644 --- a/both/components/Feed/FeedList.jsx +++ b/both/components/Feed/FeedList.jsx @@ -17,16 +17,14 @@ class FeedList extends React.Component { />; }) } - + ); } } FeedList.propTypes = { - comments: React.PropTypes.array, + incrementLimit: React.PropTypes.func, + postItems: React.PropTypes.array }; this.FeedList = FeedList; diff --git a/both/components/FeedItem/_FeedItem.scss b/both/components/FeedItem/_FeedItem.scss index dd14f73..4e89d91 100644 --- a/both/components/FeedItem/_FeedItem.scss +++ b/both/components/FeedItem/_FeedItem.scss @@ -78,13 +78,3 @@ } -// TODO move to correct place -.more-btn { - padding: 7px 15px; - margin: 10px 0 20px 200px; // FIXME - background-color: $primary; - color: #ffffff; - border: none; - cursor: pointer; -} - diff --git a/both/components/MoreFeedItems/MoreFeedItems.jsx b/both/components/MoreFeedItems/MoreFeedItems.jsx new file mode 100644 index 0000000..49b30e1 --- /dev/null +++ b/both/components/MoreFeedItems/MoreFeedItems.jsx @@ -0,0 +1,15 @@ +this.MoreFeedItems = React.createClass({ + propTypes: { + incrementLimit: React.PropTypes.func + }, + render() { + return ( +
+ +
+ ); + } +}); \ No newline at end of file diff --git a/both/components/MoreFeedItems/_MoreFeedItems.scss b/both/components/MoreFeedItems/_MoreFeedItems.scss new file mode 100644 index 0000000..7f3a649 --- /dev/null +++ b/both/components/MoreFeedItems/_MoreFeedItems.scss @@ -0,0 +1,17 @@ +.more-feed { + width: 100%; + display: flex; + justify-content: center; + align-items: center; + + + &__more-btn { + padding: 7px 15px; + min-width: 20px; + margin-bottom: 13px; + background-color: $primary; + color: #ffffff; + border: none; + cursor: pointer; + } +} \ No newline at end of file diff --git a/client/styles/_components.scss b/client/styles/_components.scss index 4a3b284..d3f4307 100644 --- a/client/styles/_components.scss +++ b/client/styles/_components.scss @@ -4,3 +4,4 @@ @import '../../both/components/ParamsExample/ParamsExample'; @import '../../both/components/CommentItem/CommentItem'; @import '../../both/components/Header/Header'; +@import '../../both/components/MoreFeedItems/MoreFeedItems';