From 3fe4f760ac184af90d3e780394d789093eaa7796 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Mon, 7 Nov 2022 14:42:44 +0800
Subject: [PATCH] [resumes][feat] update icon image

---
 .../comments/ResumeCommentListItem.tsx        | 29 +++++++------------
 1 file changed, 10 insertions(+), 19 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx b/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
index 7db38ac9..1a19230b 100644
--- a/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
+++ b/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
@@ -1,7 +1,6 @@
 import clsx from 'clsx';
 import { formatDistanceToNow } from 'date-fns';
 import { useState } from 'react';
-import { FaceSmileIcon } from '@heroicons/react/24/outline';
 
 import ResumeCommentEditForm from './comment/ResumeCommentEditForm';
 import ResumeCommentReplyForm from './comment/ResumeCommentReplyForm';
@@ -29,24 +28,16 @@ export default function ResumeCommentListItem({
     <div className="min-w-fit">
       <div className="flex flex-row space-x-3 align-top">
         {/* Image Icon */}
-        {comment.user.image ? (
-          <img
-            alt={comment.user.name ?? 'Reviewer'}
-            className={clsx(
-              'mt-1 rounded-full',
-              comment.parentId ? 'h-8 w-8' : 'h-10 w-10',
-            )}
-            src={comment.user.image!}
-          />
-        ) : (
-          <FaceSmileIcon
-            className={clsx(
-              'mt-1 rounded-full',
-              comment.parentId ? 'h-6 w-6' : 'h-8 w-8 ',
-            )}
-          />
-        )}
-
+        <img
+          alt={comment.user.name ?? 'Reviewer'}
+          className={clsx(
+            'mt-1 rounded-full',
+            comment.parentId ? 'h-7 w-7' : 'h-9 w-9',
+          )}
+          src={`https://avatars.dicebear.com/api/gridy/${
+            comment.user.name ?? 'random'
+          }.svg`}
+        />
         <div className="flex w-full flex-col space-y-1">
           {/* Name and creation time */}
           <div className="flex flex-row items-center space-x-2">