Fix template issues of some sidebar components

This commit is contained in:
riggraz
2019-10-16 20:24:42 +02:00
parent 27b9659886
commit c96073e4f8
4 changed files with 6 additions and 6 deletions

View File

@@ -24,7 +24,7 @@ const PostStatusFilter = ({
currentFilter,
}: Props) => (
<div className="postStatusFilterContainer sidebarCard">
<TitleText>Filter by post status:</TitleText>
<TitleText>Filter by post status</TitleText>
{
postStatuses.map((postStatus, i) => (
<PostStatusListItem

View File

@@ -9,7 +9,7 @@ interface Props {
const SearchFilter = ({ searchQuery, handleChange }: Props) => (
<div className="sidebarCard">
<TitleText>Search:</TitleText>
<TitleText>Search</TitleText>
<input
type="search"
value={searchQuery}

View File

@@ -17,11 +17,11 @@ interface Props {
const LikeList = ({ likes, areLoading, error}: Props) => (
<div className="likeListContainer">
<TitleText>People who liked:</TitleText>
<TitleText>People who liked</TitleText>
{ areLoading ? <Spinner /> : null }
{ error ? <DangerText>{error}</DangerText> : null }
<div className="likeList">
{ likes.length === 0 ? <CenteredMutedText>There are not likes yet.</CenteredMutedText> : null }
{ likes.length === 0 ? <CenteredMutedText>There are no likes yet.</CenteredMutedText> : null }
{
likes.map((like, i) => (
<div className="likeListItem" key={i}>

View File

@@ -20,11 +20,11 @@ const PostUpdateList = ({
error,
}: Props) => (
<div className="postUpdateListContainer">
<TitleText>Post updates:</TitleText>
<TitleText>Post updates</TitleText>
{ areLoading ? <Spinner /> : null }
{ error ? <DangerText>{error}</DangerText> : null }
<div className="postUpdateList">
{ postUpdates.length === 0 ? <CenteredMutedText>There are not post updates yet.</CenteredMutedText> : null }
{ postUpdates.length === 0 ? <CenteredMutedText>There are no post updates yet.</CenteredMutedText> : null }
{
postUpdates.map((postUpdate, i) => (
<div className="postUpdateListItem" key={i}>