Make Comment an arrow function

Curio-org · Oct 15, 2023 · 3a1df66 · 3a1df66
1 parent 5fdffe8
commit 3a1df66
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/comments/Comment.tsx b/src/components/comments/Comment.tsx
@@ -7,7 +7,7 @@ interface CommentProps {
   commentText: string;
 }
 
-export function Comment(props: CommentProps) {
+const Comment = (props: CommentProps) => {
   return (
     <div className="comment">
       <Image
@@ -22,4 +22,6 @@ export function Comment(props: CommentProps) {
       </div>
     </div>
   );
-}
+};
+
+export default Comment;
diff --git a/src/components/comments/Comments.tsx b/src/components/comments/Comments.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import CommentsHeader from "./CommentsHeader";
 import AddComment from "./AddComment";
-import { Comment } from "./Comment";
+import Comment from "./Comment";
 
 // Define a type for your comment objects
 interface CommentObject {