From 73407de67ff1109829c797d87aea2c9844ebf612 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 19 Mar 2023 14:27:41 +0700
Subject: [PATCH] update

---
 packages/components/src/elements/Gravatar.tsx        |  4 ++--
 packages/fakeyou.com/src/scss/site-refresh.scss      |  4 ++++
 .../src/v2/view/_common/comments/CommentList.tsx     |  7 +++++--
 .../view/pages/profile/profile_view/ProfilePage.tsx  | 12 +++++++-----
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/elements/Gravatar.tsx b/packages/components/src/elements/Gravatar.tsx
index c996a9f67f..c298fc55cd 100644
--- a/packages/components/src/elements/Gravatar.tsx
+++ b/packages/components/src/elements/Gravatar.tsx
@@ -7,7 +7,7 @@ interface Props {
 }
 
 function Gravatar(props: Props) {
-  const gravatarUrl = `https://www.gravatar.com/avatar/${props.email_hash}?s=${props.size}&d=https://placehold.co/60x60.png`;
+  const gravatarUrl = `https://www.gravatar.com/avatar/${props.email_hash}?s=${props.size}&d=https://placehold.co/600x600.png`;
 
   let altText = "gravatar";
   if (props.username !== undefined) {
@@ -16,7 +16,7 @@ function Gravatar(props: Props) {
 
   return (
     <img
-      className="rounded-circle border border-2 h-100"
+      className="rounded-circle border border-2 h-100 gravatar-img"
       alt={altText}
       src={gravatarUrl}
       height={props.size}
diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index d29fb4a2aa..ae3e512a78 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -1054,6 +1054,10 @@ styles with important tags:
   .comment-time {
     font-size: 14px;
   }
+
+  .gravatar-img {
+    pointer-events: none;
+  }
 }
 
 select {
diff --git a/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx b/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx
index e5e6ea8291..76ae5ffc3d 100644
--- a/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx
+++ b/packages/fakeyou.com/src/v2/view/_common/comments/CommentList.tsx
@@ -6,6 +6,7 @@ import { SafeDeleteCommentButton } from "./SafeDeleteCommentButton";
 import { motion } from "framer-motion";
 import { container, item } from "../../../../data/animation";
 import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
+import { Link } from "react-router-dom";
 
 interface Props {
   entityType: string;
@@ -55,6 +56,8 @@ function CommentList(props: Props) {
       );
     }
 
+    let profileLink = `/profile/${comment.username}`;
+
     rows.push(
       <motion.tr key={comment.token} variants={item}>
         <td className="px-0">
@@ -62,9 +65,9 @@ function CommentList(props: Props) {
             <Gravatar size={40} email_hash={comment.user_gravatar_hash} />
             <div>
               <div className="d-flex gap-2 align-items-center">
-                <span className="fw-medium text-white">
+                <Link to={profileLink} className="fw-medium text-white">
                   {comment.user_display_name}
-                </span>
+                </Link>
                 <span>·</span>
                 <span className="opacity-75 comment-time">
                   {relativeCreateTime}
diff --git a/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePage.tsx b/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePage.tsx
index 232091d29a..06b2e78c81 100644
--- a/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePage.tsx
@@ -535,11 +535,13 @@ function ProfilePage(this: any, props: Props) {
               role="tabpanel"
               aria-labelledby="comments-tab"
             >
-              <CommentComponent
-                entityType="user"
-                entityToken={userData?.user_token}
-                sessionWrapper={props.sessionWrapper}
-              />
+              <div className="mt-3 mt-lg-0">
+                <CommentComponent
+                  entityType="user"
+                  entityToken={userData?.user_token}
+                  sessionWrapper={props.sessionWrapper}
+                />
+              </div>
             </div>
           </div>
         </div>