From a83ef175beddacaa27c1e1988dd4bcf3174fa6ae Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Wed, 19 Feb 2020 13:34:30 +0100
Subject: [PATCH] added option to pass className prop to AvatarImage

---
 scm-ui/ui-components/src/avatar/AvatarImage.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/scm-ui/ui-components/src/avatar/AvatarImage.tsx b/scm-ui/ui-components/src/avatar/AvatarImage.tsx
index d85d2279ee..434af212c0 100644
--- a/scm-ui/ui-components/src/avatar/AvatarImage.tsx
+++ b/scm-ui/ui-components/src/avatar/AvatarImage.tsx
@@ -7,17 +7,21 @@ import { useBinder } from "@scm-manager/ui-extensions";
 type Props = {
   person: Person;
   representation?: "rounded" | "rounded-border";
+  className?: string;
 };
 
-const AvatarImage: FC<Props> = ({ person, representation = "rounded-border" }) => {
+const AvatarImage: FC<Props> = ({ person, representation = "rounded-border", className }) => {
   const binder = useBinder();
   const avatarFactory = binder.getExtension(EXTENSION_POINT);
   if (avatarFactory) {
     const avatar = avatarFactory(person);
 
-    const className = representation === "rounded" ? "is-rounded" : "has-rounded-border";
+    let classes = representation === "rounded" ? "is-rounded" : "has-rounded-border";
+    if (className) {
+      classes += " " + className;
+    }
 
-    return <Image className={className} src={avatar} alt={person.name} />;
+    return <Image className={classes} src={avatar} alt={person.name} />;
   }
 
   return null;