refactor: avatar uploader

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} url={icon} />
+          <Avatar className="icon" type="channel" name={name} src={icon} />
         </div>
         <div className="details">
           <div className="up">

src/routes/chat/SessionList/Session.tsx

@@ -117,7 +117,7 @@ const Session: FC<IProps> = ({
             {type == "user" ? (
               <User avatarSize={40} compact interactive={false} uid={id} />
             ) : (
-              <Avatar className="icon" type="channel" name={name} url={icon} />
+              <Avatar 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 url={user.avatar} name={user.name} />
+          <Avatar src={user.avatar} name={user.name} />
         </div>
       </NavLink>
     </StyledWrapper>

src/routes/resources/Filter/index.tsx

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