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,
|
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
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -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}>
|
||||||
|
|||||||
@@ -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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user