From 111451c1655b34d788b4b578e2be020b6b7e1f64 Mon Sep 17 00:00:00 2001 From: Ezerous Date: Sun, 28 Feb 2021 14:01:59 +0200 Subject: [PATCH] feat: add divider to postList pagination, index posts from 0 --- .../concordia-app/src/components/PostList/index.jsx | 10 +++++++--- .../concordia-app/src/components/PostList/styles.css | 4 ++++ 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/concordia-app/src/components/PostList/index.jsx b/packages/concordia-app/src/components/PostList/index.jsx index 05c06de..fdb73be 100644 --- a/packages/concordia-app/src/components/PostList/index.jsx +++ b/packages/concordia-app/src/components/PostList/index.jsx @@ -3,12 +3,13 @@ import React, { } from 'react'; import PropTypes from 'prop-types'; import { - Dimmer, Feed, Loader, + Dimmer, Divider, Feed, Loader, } from 'semantic-ui-react'; import { FORUM_CONTRACT } from 'concordia-shared/src/constants/contracts/ContractNames'; import { drizzle } from '../../redux/store'; import PostListRow from './PostListRow'; import PaginationComponent, { ITEMS_PER_PAGE } from '../PaginationComponent'; +import './styles.css'; const { contracts: { [FORUM_CONTRACT]: { methods: { getPost: { cacheCall: getPostChainData } } } } } = drizzle; @@ -41,7 +42,7 @@ const PostList = (props) => { return ( { {posts} - + +
+ +
); }; diff --git a/packages/concordia-app/src/components/PostList/styles.css b/packages/concordia-app/src/components/PostList/styles.css index baf2856..bffcaf6 100644 --- a/packages/concordia-app/src/components/PostList/styles.css +++ b/packages/concordia-app/src/components/PostList/styles.css @@ -1,3 +1,7 @@ #post-list{ height: 100%; } + +#post-list-pagination{ + padding: 1rem 0; +}