task solution #2017

W3zzie · 2024-09-24T14:16:06Z

Zibi95

Good job! 🥇 . I have left some comments for future reference.

Zibi95 · 2024-09-25T06:56:04Z

src/components/UserInfo/UserInfo.tsx

+export const UserInfo: React.FC<Props> = ({ user }) => (
+  <a className="UserInfo" href={`mailto:${user?.email}`}>
+    {user?.name}
+  </a>
+);


Destructure user object

Zibi95 · 2024-09-25T06:57:05Z

src/components/CommentList/CommentList.tsx


-export const CommentList: React.FC = () => <>Put the list here</>;
+export const CommentList: React.FC<{ comments: Comment[] }> = ({


Once you declare the type interface and once you do not, stay consistent with your approach.

Zibi95 · 2024-09-25T06:58:13Z

src/components/CommentInfo/CommentInfo.tsx


-export const CommentInfo: React.FC = () => <>Put the comment here</>;
+export const CommentInfo: React.FC<{ comment: Comment }> = ({


Here is an article on why you shouldn't use React.FC https://dev.to/elhamnajeebullah/react-typescript-what-is-reactfc-and-why-should-i-use-it-4029

W3zzie added 2 commits September 21, 2024 14:31

task solution

94a4f9d

task solution

aab04c6

Zibi95 approved these changes Sep 25, 2024

View reviewed changes

Provide feedback


		export const CommentList: React.FC = () => <>Put the list here</>;
		export const CommentList: React.FC<{ comments: Comment[] }> = ({


		export const CommentInfo: React.FC = () => <>Put the comment here</>;
		export const CommentInfo: React.FC<{ comment: Comment }> = ({