From 7a75e53041c5a7cc8d7895b1201ad757095dafac Mon Sep 17 00:00:00 2001
From: Piotr Gawron <p.gawron@atcomp.pl>
Date: Thu, 6 Jun 2024 15:11:58 +0200
Subject: [PATCH] styling of comments
---
.../Comments/CommentItem.component.tsx | 13 +++++++------
1 file changed, 7 insertions(+), 6 deletions(-)
diff --git a/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx b/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx
index 5e875af0..282ee447 100644
--- a/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx
+++ b/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx
@@ -1,4 +1,3 @@
-import { Icon } from '@/shared/Icon';
import { Comment } from '@/types/models';
import React from 'react';
@@ -8,12 +7,14 @@ interface CommentItemProps {
export const CommentItem = (commentItemProps: CommentItemProps): JSX.Element => {
const { comment } = commentItemProps;
- const { owner, content } = comment;
+ let { owner } = comment;
+ if (!owner) {
+ owner = 'Anonymous';
+ }
return (
- <div className="flex justify-between">
- <div> {owner}</div>
- <div> {content} </div>
- <Icon name="arrow" className="h-6 w-6 fill-font-500" />
+ <div className="border border-slate-400">
+ <div className="p-4 font-bold"> {owner} </div>
+ <div className="p-4"> {comment.content} </div>
</div>
);
};
--
GitLab