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 ( return (
<button <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} onClick={like}
name="like" name="like"
> >

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

@ -41,7 +41,7 @@ const Message = ({ message }: any) => {
</div> </div>
<Text text={message.content} /> <Text text={message.content} />
{message.image && <Image src={message.image} alt="image" className="w-fit rounded-lg cursor-pointer" />} {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"> <div className="text-grey-light date">
{new Date(message.createdAt).toLocaleDateString(undefined, { {new Date(message.createdAt).toLocaleDateString(undefined, {
year: 'numeric', year: 'numeric',
@ -51,9 +51,10 @@ const Message = ({ message }: any) => {
minute: 'numeric', minute: 'numeric',
})} })}
</div> </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> </div>
{me.data?.id === message.author.id ? null : <Like message={message} />} {me.data?.id !== message.author.id && <Like message={message} />}
</div> </div>
</div> </div>
</> </>