Show unknown icon when image cannot be loaded

YARC-Official · Sep 29, 2024 · 93b74e5 · 93b74e5
1 parent 589fa8a
commit 93b74e5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/assets/Unknown.png b/src/assets/Unknown.png
diff --git a/src/components/ProfileIcon/index.tsx b/src/components/ProfileIcon/index.tsx
@@ -1,5 +1,7 @@
+import { Img } from "react-image";
 import styles from "./ProfileIcon.module.css";
 import { processAssetUrl } from "@app/profiles/utils";
+import UnknownImage from "@app/assets/Unknown.png";
 
 interface Props {
  iconUrl: string;
@@ -8,7 +10,7 @@ interface Props {
 
 const ProfileIcon: React.FC<Props> = ({ iconUrl, className }: Props) => {
  return <div className={[styles.icon, className].join(" ")}>
- <img src={processAssetUrl(iconUrl)} />
+ <Img src={[processAssetUrl(iconUrl), UnknownImage]} />
  </div>;
 };