add avatarCrossorigin option

antmicro · Feb 5, 2025 · 339b1ac · 339b1ac
1 parent 76cb585
commit 339b1ac
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/Avatars.jsx b/src/components/Avatars.jsx
@@ -1,4 +1,6 @@
+import { useContext } from "preact/hooks";
 import { styled } from "styled-components";
+import { MystState } from "../mystState";
 
 const MAX_AVATARS = 4;
 
@@ -33,11 +35,15 @@ const AvatarsWrapper = styled.div`
   }
 `;
 
-export const Avatar = ({ login, color, avatarUrl, userUrl }) => (
-  <a href={userUrl || "#"} target="_blank">
-    <img src={avatarUrl} key={login} title={login} class="avatar" style={`border-color: ${color}`} />
-  </a>
-);
+export const Avatar = ({ login, color, avatarUrl, userUrl }) => {
+  const { options } = useContext(MystState);
+
+  return (
+    <a href={userUrl || "#"} target="_blank">
+      <img src={avatarUrl} key={login} title={login} class="avatar" style={`border-color: ${color}`} crossOrigin={options.avatarCrossorigin.value} />
+    </a>
+  );
+};
 
 const AvatarPlaceholder = ({ n, usernames }) => (
   <div class="avatar placeholder" title={usernames}>

diff --git a/src/mystState.js b/src/mystState.js
@@ -128,6 +128,7 @@ const defaults = {
   customDirectives: [],
   // this will create a bogus random avatar when no specific getAvatar function is provided
   getAvatar: (login) => `https://secure.gravatar.com/avatar/${login}?s=30&d=identicon`,
+  avatarCrossorigin: null,
   getUserUrl: (username) => "#",
   backslashLineBreak: true,
   hideUsernameDelay: 5000,