chore: add image size

src/routes/chat/GuestSessionList/Session.tsx

@@ -41,7 +41,7 @@ const Session: FC<IProps> = ({ id, mid }) => {
     <li className="session">
       <NavLink className={`nav`} to={`/chat/channel/${id}`}>
         <div className="icon">
-          <Avatar className="icon" type="channel" name={name} src={icon} />
+          <Avatar width={40} height={40} className="icon" type="channel" name={name} src={icon} />
         </div>
         <div className="details">
           <div className="up">

src/routes/chat/SessionList/Session.tsx

@@ -117,7 +117,14 @@ const Session: FC<IProps> = ({
             {type == "user" ? (
               <User avatarSize={40} compact interactive={false} uid={id} />
             ) : (
-              <Avatar className="icon" type="channel" name={name} src={icon} />
+              <Avatar
+                width={40}
+                height={40}
+                className="icon"
+                type="channel"
+                name={name}
+                src={icon}
+              />
             )}
           </div>
           <div className="details">

src/routes/home/User.tsx

@@ -31,7 +31,7 @@ const User: FC<Props> = ({ uid }) => {
     <StyledWrapper>
       <NavLink to={`/setting?nav=my_account&f=${pathname}`}>
         <div className="avatar">
-          <Avatar src={user.avatar} name={user.name} />
+          <Avatar width={32} height={32} src={user.avatar} name={user.name} />
         </div>
       </NavLink>
     </StyledWrapper>

src/routes/resources/Filter/index.tsx

@@ -93,9 +93,17 @@ export default function Filter({ filter, updateFilter }) {
           onClick={toggleFilterVisible.bind(null, { from: true })}
         >
           {from && (
-            <Avatar className="avatar" name={userMap[from].name} src={userMap[from].avatar} />
+            <Avatar
+              width={16}
+              height={16}
+              className="avatar"
+              name={userMap[from].name}
+              src={userMap[from].avatar}
+            />
           )}
-          <span className="txt">{t("from")} {from && userMap[from].name}</span>
+          <span className="txt">
+            {t("from")} {from && userMap[from].name}
+          </span>
           <ArrowDown className="arrow" />
         </div>
       </Tippy>