refactor: avatar uploader

src/common/component/Message/FavoredMessage.tsx

@@ -33,7 +33,7 @@ const FavoredMessage: FC<Props> = ({ id = "" }) => {
               <StyledMsg className="archive" key={idx}>
                 {user && (
                   <div className="avatar">
-                    <Avatar url={user.avatar} name={user.name} />
+                    <Avatar src={user.avatar} name={user.name} />
                   </div>
                 )}
                 <div className="details">

src/common/component/Message/ForwardedMessage.tsx

@@ -63,7 +63,7 @@ const ForwardedMessage: FC<Props> = ({ context, to, from_uid, id }) => {
                 <StyledMsg className="archive" key={idx}>
                   {user && (
                     <div className="avatar">
-                      <Avatar url={user.avatar} name={user.name} />
+                      <Avatar src={user.avatar} name={user.name} />
                     </div>
                   )}
                   <div className="details">

src/common/component/Message/PreviewMessage.tsx

@@ -19,7 +19,7 @@ const PreviewMessage: FC<Props> = ({ mid = 0 }) => {
   return (
     <StyledWrapper className={`preview`}>
       <div className="avatar">
-        <Avatar url={avatar} name={name} />
+        <Avatar src={avatar} name={name} />
       </div>
       <div className="details">
         <div className="up">

src/common/component/Message/Reply.tsx

@@ -177,7 +177,7 @@ const Reply: FC<ReplyProps> = ({ mid, interactive = true }) => {
       onClick={interactive ? handleClick : undefined}
     >
       <div className="user">
-        <Avatar className="avatar" url={currUser.avatar} name={currUser.name} />
+        <Avatar className="avatar" src={currUser.avatar} name={currUser.name} />
         <span className="name">{currUser.name}</span>
       </div>
       <div className="content">{renderContent(data)}</div>

src/common/component/Message/index.tsx

@@ -91,9 +91,8 @@ const Message: FC<IProps> = ({
       onContextMenu={readOnly ? undefined : handleContextMenuEvent}
       data-msg-mid={mid}
       ref={inviewRef}
-      className={`message ${readOnly ? "readonly" : ""} ${pinInfo ? "pinned" : ""} ${
-        contextMenuVisible ? "contextVisible" : ""
-      } `}
+      className={`message ${readOnly ? "readonly" : ""} ${pinInfo ? "pinned" : ""} ${contextMenuVisible ? "contextVisible" : ""
+        } `}
     >
       <Tippy
         key={_key}
@@ -105,7 +104,7 @@ const Message: FC<IProps> = ({
         content={<Profile uid={fromUid || 0} type="card" cid={context == "user" ? 0 : contextId} />}
       >
         <div className="avatar" data-uid={fromUid} ref={avatarRef}>
-          <Avatar url={currUser?.avatar} name={currUser?.name} />
+          <Avatar src={currUser?.avatar} name={currUser?.name} />
         </div>
       </Tippy>
       <ContextMenu
@@ -118,9 +117,8 @@ const Message: FC<IProps> = ({
       >
         <div
           className="details"
-          data-pin-tip={`pinned by ${
-            pinInfo?.created_by ? usersData[pinInfo.created_by]?.name : ""
-          }`}
+          data-pin-tip={`pinned by ${pinInfo?.created_by ? usersData[pinInfo.created_by]?.name : ""
+            }`}
         >
           <div className="up">
             <span className="name">{currUser?.name || "Deleted User"}</span>