Various minor style improvements

This commit is contained in:
Riccardo Graziosi
2022-04-07 18:58:18 +02:00
parent 1943b8446f
commit ad67c3986b
17 changed files with 42 additions and 27 deletions

View File

@@ -4,7 +4,7 @@ import Gravatar from 'react-gravatar';
import ILike from '../../interfaces/ILike';
import Spinner from '../shared/Spinner';
import {
TitleText,
BoxTitleText,
DangerText,
CenteredMutedText
} from '../shared/CustomTexts';
@@ -17,7 +17,7 @@ interface Props {
const LikeList = ({ likes, areLoading, error}: Props) => (
<div className="likeListContainer">
<TitleText>People who liked</TitleText>
<BoxTitleText>Likes</BoxTitleText>
{ areLoading ? <Spinner /> : null }
{ error ? <DangerText>{error}</DangerText> : null }
<div className="likeList">

View File

@@ -1,7 +1,7 @@
import * as React from 'react';
import Gravatar from 'react-gravatar';
import { TitleText, DangerText, CenteredMutedText, MutedText } from '../shared/CustomTexts';
import { BoxTitleText, DangerText, CenteredMutedText, MutedText } from '../shared/CustomTexts';
import Spinner from '../shared/Spinner';
import IComment from '../../interfaces/IComment';
@@ -20,11 +20,11 @@ const PostUpdateList = ({
error,
}: Props) => (
<div className="postUpdateListContainer">
<TitleText>Post updates</TitleText>
<BoxTitleText>Updates</BoxTitleText>
{ areLoading ? <Spinner /> : null }
{ error ? <DangerText>{error}</DangerText> : null }
<div className="postUpdateList">
{ postUpdates.length === 0 ? <CenteredMutedText>There are no post updates yet.</CenteredMutedText> : null }
{ postUpdates.length === 0 ? <CenteredMutedText>There are no updates yet.</CenteredMutedText> : null }
{
postUpdates.map((postUpdate, i) => (
<div className="postUpdateListItem" key={i}>