lint

src/Avatar.tsx

@@ -7,9 +7,9 @@ Please see LICENSE in the repository root for full details.
 
 import { useMemo, FC, CSSProperties, useState, useEffect } from "react";
 import { Avatar as CompoundAvatar } from "@vector-im/compound-web";
+import { MatrixClient } from "matrix-js-sdk/src/client";
 
 import { useClient } from "./ClientContext";
-import { MatrixClient } from "matrix-js-sdk/src/client";
 
 export enum Size {
   XS = "xs",
@@ -45,7 +45,17 @@ export function getAvatarUrl(
   const height = Math.floor(avatarSize * window.devicePixelRatio);
   // scale is more suitable for larger sizes
   const resizeMethod = avatarSize <= 96 ? "crop" : "scale";
-  return mxcUrl ? client.mxcUrlToHttp(mxcUrl, width, height, resizeMethod, false, true, true) : null;
+  return mxcUrl
+    ? client.mxcUrlToHttp(
+        mxcUrl,
+        width,
+        height,
+        resizeMethod,
+        false,
+        true,
+        true,
+      )
+    : null;
 }
 
 export const Avatar: FC<Props> = ({
@@ -72,7 +82,7 @@ export const Avatar: FC<Props> = ({
   useEffect(() => {
     if (!client || !src || !sizePx) {
       return;
-    };
+    }
     const token = client.getAccessToken();
     if (!token) {
       return;
@@ -86,17 +96,24 @@ export const Avatar: FC<Props> = ({
     let objectUrl: string | undefined;
     fetch(resolveSrc, {
       headers: {
-        'Authorization': `Bearer ${token}`
+        Authorization: `Bearer ${token}`,
-      }
+      },
-    }).then((req) => req.blob()).then((res) => {
+    })
+      .then(async (req) => req.blob())
+      .then((res) => {
         objectUrl = URL.createObjectURL(res);
         setAvatarUrl(objectUrl);
-    }).catch((ex) => {
+      })
-      console.warn("Failed to get avatar URL", ex);
+      .catch(() => {
+        // Error will likely be evident from browser logs.
         setAvatarUrl(undefined);
       });
 
-    () => objectUrl && URL.revokeObjectURL(objectUrl);
+    return (): void => {
+      if (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      }
+    };
   }, [client, src, sizePx]);
 
   return (