Merge pull request #272 from Arquisoft/develop

fix: nav avatar with click event
Arquisoft · Apr 13, 2023 · 9ba2465 · 9ba2465
2 parents b11199e + c2fbf67
commit 9ba2465
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/webapp/src/components/avatars/BaseAvatar.tsx b/webapp/src/components/avatars/BaseAvatar.tsx
@@ -14,7 +14,7 @@ function BaseAvatar({ img, imgAlt, onClick }: Props) {
     {
         img ? 
         (<img className="base-avatar" src={img} alt={imgAlt} title={imgAlt} onClick={onClick} />)
-        : <NoImageSkeleton isRound={true}/>
+        : <NoImageSkeleton isRound={true} onClick={onClick}/>
     }
 
     </>

diff --git a/webapp/src/components/skeletons/NoImageSkeleton.tsx b/webapp/src/components/skeletons/NoImageSkeleton.tsx
@@ -6,15 +6,17 @@ import "../../public/css/components/skeletons/no_image/NoImageSkeleton.scss";
 type Props = {
   styles?: React.CSSProperties | string;
   isRound?: boolean;
+  onClick?: React.MouseEventHandler<HTMLElement>;
 };
 
-function NoImageSkeleton({ isRound }: Props) {
+function NoImageSkeleton({ isRound, onClick }: Props) {
   return (
     <div
       className="no-image-skeleton-container"
       style={{
         borderRadius: isRound ? "50%" : "8px",
       }}
+      onClick={onClick}
     >
       <ImageRoundedIcon
         style={{
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,7 @@ function BaseAvatar({ img, imgAlt, onClick }: Props) { @@
         {
             img ?
             (<img className="base-avatar" src={img} alt={imgAlt} title={imgAlt} onClick={onClick} />)
-            : <NoImageSkeleton isRound={true}/>
+            : <NoImageSkeleton isRound={true} onClick={onClick}/>
         }
         </>
@@ Expand Down @@