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, currentFilter,
}: Props) => ( }: Props) => (
<div className="postStatusFilterContainer sidebarCard"> <div className="postStatusFilterContainer sidebarCard">
<TitleText>Filter by post status:</TitleText> <TitleText>Filter by post status</TitleText>
{ {
postStatuses.map((postStatus, i) => ( postStatuses.map((postStatus, i) => (
<PostStatusListItem <PostStatusListItem

View File

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

View File

@@ -17,11 +17,11 @@ interface Props {
const LikeList = ({ likes, areLoading, error}: Props) => ( const LikeList = ({ likes, areLoading, error}: Props) => (
<div className="likeListContainer"> <div className="likeListContainer">
<TitleText>People who liked:</TitleText> <TitleText>People who liked</TitleText>
{ areLoading ? <Spinner /> : null } { areLoading ? <Spinner /> : null }
{ error ? <DangerText>{error}</DangerText> : null } { error ? <DangerText>{error}</DangerText> : null }
<div className="likeList"> <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) => ( likes.map((like, i) => (
<div className="likeListItem" key={i}> <div className="likeListItem" key={i}>

View File

@@ -20,11 +20,11 @@ const PostUpdateList = ({
error, error,
}: Props) => ( }: Props) => (
<div className="postUpdateListContainer"> <div className="postUpdateListContainer">
<TitleText>Post updates:</TitleText> <TitleText>Post updates</TitleText>
{ areLoading ? <Spinner /> : null } { areLoading ? <Spinner /> : null }
{ error ? <DangerText>{error}</DangerText> : null } { error ? <DangerText>{error}</DangerText> : null }
<div className="postUpdateList"> <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) => ( postUpdates.map((postUpdate, i) => (
<div className="postUpdateListItem" key={i}> <div className="postUpdateListItem" key={i}>