Replies to comments removed, out of current scope

client-solid/src/Components/Comment.tsx

@@ -1,7 +1,6 @@
 import { JSXElement } from "solid-js";
 
 import { PublicComment } from "../Util/api";
-import ReplyButton from "./Buttons/Reply";
 
 interface CommentProps {
   comment: PublicComment;
@@ -10,20 +9,11 @@ interface CommentProps {
 export function Comment(props: CommentProps): JSXElement {
   return (
     <>
-      <div class="chat chat-start py-5">
+      <div class="py-5">
         <time class="text-xs opacity-50">{props.comment.created_at}</time>
       </div>
-      <div class="chat-">{props.comment.content}</div>
+      <div class="">{props.comment.content}</div>
       <div class="divider"></div>
-      <div class="chat chat-end">
-        <div class="flex-col">
-          <time class="time-end text-xs opacity-50">Reply created_at</time>
-          <div class="chat-end">Replies to parent comment if any</div>
-        </div>
-      </div>
-      <div class="divider divider-end">
-        <ReplyButton />
-      </div>
     </>
   );
 }

client-solid/src/Components/PostSegment.tsx

@@ -15,9 +15,9 @@ export function PostSegment(props: { post: Post }): JSXElement {
     <div class="card compact w-full flex-grow border-b-2 border-b-primary bg-base-200 text-base-content transition-all hover:bg-base-300">
       <div class="card-body md:mx-6">
         <div class="flex flex-row justify-between">
-          <p class="text-xs">{dateOfCreation}</p>
+          <p class="text-xs italic">{dateOfCreation}</p>
           <details class="dropdown">
-            <summary class="btn m-1">...</summary>
+            <summary class="btn btn-sm">...</summary>
             <ul class="w-26 menu dropdown-content z-[1] rounded-box bg-base-100 p-2 shadow">
               <li>
                 <ReportButton />
@@ -31,7 +31,7 @@ export function PostSegment(props: { post: Post }): JSXElement {
         <Show when={isEdited}>
           <p>This post has been edited</p>
         </Show>
-        <p class="my-5 text-base">{post.content}</p>
+        <p class="my-1 text-base">{post.content}</p>
         <div class="card-actions justify-between">
           <div class="flex">
             <EngagementButton postId={post.id} />