From 6ebc5154deb1e2580135369389d5717598eb71b4 Mon Sep 17 00:00:00 2001
From: Terence Ho <>
Date: Tue, 11 Oct 2022 22:47:06 +0800
Subject: [PATCH] [resumes][fix] left-align all comments

---
 .../resumes/comments/comment/Comment.tsx          |  2 +-
 .../resumes/comments/comment/CommentCard.tsx      | 15 +++------------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/comment/Comment.tsx b/apps/portal/src/components/resumes/comments/comment/Comment.tsx
index cb08480b..ad219a80 100644
--- a/apps/portal/src/components/resumes/comments/comment/Comment.tsx
+++ b/apps/portal/src/components/resumes/comments/comment/Comment.tsx
@@ -11,7 +11,7 @@ type CommentProps = {
 export default function Comment({ comment, userId }: CommentProps) {
   const isCommentOwner = userId === comment.user.userId;
   return (
-    <CommentCard isCommentOwner={isCommentOwner}>
+    <CommentCard>
       <CommentBody comment={comment} isCommentOwner={isCommentOwner} />
     </CommentCard>
   );
diff --git a/apps/portal/src/components/resumes/comments/comment/CommentCard.tsx b/apps/portal/src/components/resumes/comments/comment/CommentCard.tsx
index bbe0f840..7cb89169 100644
--- a/apps/portal/src/components/resumes/comments/comment/CommentCard.tsx
+++ b/apps/portal/src/components/resumes/comments/comment/CommentCard.tsx
@@ -2,20 +2,11 @@ import type { ReactNode } from 'react';
 
 type CommentCardProps = {
   children: ReactNode;
-  isCommentOwner?: boolean;
 };
 
-export default function CommentCard({
-  isCommentOwner,
-  children,
-}: CommentCardProps) {
-  // Used two different <div> to allow customisation of owner comments
-  return isCommentOwner ? (
-    <div className="border-primary-300 float-right w-3/4 rounded-md border-2 bg-white p-2 drop-shadow-md">
-      {children}
-    </div>
-  ) : (
-    <div className="border-primary-300 float-left w-3/4 rounded-md border-2 bg-white p-2 drop-shadow-md">
+export default function CommentCard({ children }: CommentCardProps) {
+  return (
+    <div className="border-primary-300 w-3/4 rounded-md border-2 bg-white p-2 drop-shadow-md">
       {children}
     </div>
   );