From b374bc7ddd9dc53387bbdd4a4b55e48028fedfb9 Mon Sep 17 00:00:00 2001
From: hdsuperman <zhd.superman@gmail.com>
Date: Thu, 22 Dec 2022 21:47:11 +0800
Subject: [PATCH] chore: add image size

---
 src/common/component/AvatarUploader.tsx | 14 ++++++++------
 src/common/component/Channel.tsx        |  9 ++++++++-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/common/component/AvatarUploader.tsx b/src/common/component/AvatarUploader.tsx
index a72efa94..c20e152e 100644
--- a/src/common/component/AvatarUploader.tsx
+++ b/src/common/component/AvatarUploader.tsx
@@ -60,20 +60,20 @@ const StyledWrapper = styled.div`
     top: 0;
     right: 0;
   }
-  &:hover .icon{
+  &:hover .icon {
     display: block;
   }
 `;
 
 type UID = number;
 interface Props {
-  uid?: UID,
-  className?: string,
+  uid?: UID;
+  className?: string;
   url?: string;
   name?: string;
   type?: "user" | "channel";
   disabled?: boolean;
-  uploadImage: (param: File | { uid: number, file: File }) => void;
+  uploadImage: (param: File | { uid: number; file: File }) => void;
 }
 
 const AvatarUploader: FC<Props> = ({
@@ -103,10 +103,12 @@ const AvatarUploader: FC<Props> = ({
   return (
     <StyledWrapper className={className}>
       <div className="avatar">
-        <Avatar type={type} src={url} name={name} className={className} />
+        <Avatar width={96} height={96} type={type} src={url} name={name} className={className} />
         {!disabled && (
           <>
-            <div className="tip">{uploading ? t("status.uploading") : t("action.change_avatar")}</div>
+            <div className="tip">
+              {uploading ? t("status.uploading") : t("action.change_avatar")}
+            </div>
             <input
               multiple={false}
               onChange={handleUpload}
diff --git a/src/common/component/Channel.tsx b/src/common/component/Channel.tsx
index 820b6a68..7ed0325d 100644
--- a/src/common/component/Channel.tsx
+++ b/src/common/component/Channel.tsx
@@ -69,7 +69,14 @@ const Channel: FC<Props> = ({ interactive = true, id, compact = false, avatarSiz
       className={`${interactive ? "interactive" : ""} ${compact ? "compact" : ""}`}
     >
       <div className="avatar">
-        <Avatar type="channel" src={icon} name={"#"} alt="avatar" />
+        <Avatar
+          width={avatarSize}
+          height={avatarSize}
+          type="channel"
+          src={icon}
+          name={"#"}
+          alt="avatar"
+        />
       </div>
       {!compact && (
         <div className="name">