polynux
/
groupomania
mirror of https://github.com/polynux/groupomania-openclassrooms.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix style for like

This commit is contained in:
Guillaume Dorce 2022-11-04 14:40:50 +01:00
parent 55bae65444
commit 7b97687e78
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/Like.tsx
View File

@ -46,7 +46,7 @@ const Like = ({ message }: { message: any }) => {
return (
<button
className="absolute -bottom-10 right-0 mb-2 rounded-full bg-grey-dark shadow-lg shadow-slate-900 cursor-pointer"
className="absolute -bottom-10 -right-2 mb-2 rounded-full bg-grey-dark shadow-lg shadow-slate-900 cursor-pointer"
onClick={like}
name="like"
>

7
client/src/components/Message.tsx
View File

@ -41,7 +41,7 @@ const Message = ({ message }: any) => {
</div>
<Text text={message.content} />
{message.image && <Image src={message.image} alt="image" className="w-fit rounded-lg cursor-pointer" />}
<div className="flex justify-between">
<div className="flex justify-between gap-3">
<div className="text-grey-light date">
{new Date(message.createdAt).toLocaleDateString(undefined, {
year: 'numeric',
@ -51,9 +51,10 @@ const Message = ({ message }: any) => {
minute: 'numeric',
})}
</div>
{message.edited && <div className="text-grey-light italic">Modifié</div>}
{message.edited && <div className="text-grey-light italic flex-grow">Modifié</div>}
{me.data?.id === message.author.id && message.likes > 0 && <div className="text-white">{message.likes} likes</div>}
</div>
{me.data?.id === message.author.id ? null : <Like message={message} />}
{me.data?.id !== message.author.id && <Like message={message} />}
</div>
</div>
</>