mirror of
https://github.com/astuto/astuto.git
synced 2025-12-15 11:17:49 +01:00
Fix template issues of some sidebar components
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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}>
|
||||
|
||||
@@ -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}>
|
||||
|
||||
Reference in New Issue
Block a user