From 5f79192250b3aa99645cdda7152953d7f618283f Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Tue, 26 Jun 2018 12:43:47 +0300
Subject: [PATCH] Change banned user icon background

---
 src/components/IconBannedUser/IconBannedUser.css | 8 ++++++--
 src/components/IconBannedUser/IconBannedUser.js  | 8 +++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/IconBannedUser/IconBannedUser.css b/src/components/IconBannedUser/IconBannedUser.css
index b1e946e1..39c273d0 100644
--- a/src/components/IconBannedUser/IconBannedUser.css
+++ b/src/components/IconBannedUser/IconBannedUser.css
@@ -1,7 +1,11 @@
 @import '../../marketplace.css';
 
-.backgroundFill {
-  fill: var(--failColor);
+.backgroundLight {
+  stop-color: var(--marketplaceColorLight);
+}
+
+.backgroundDark {
+  stop-color: var(--marketplaceColor);
 }
 
 .foregroundFill {
diff --git a/src/components/IconBannedUser/IconBannedUser.js b/src/components/IconBannedUser/IconBannedUser.js
index dc932c6d..55dd6ee1 100644
--- a/src/components/IconBannedUser/IconBannedUser.js
+++ b/src/components/IconBannedUser/IconBannedUser.js
@@ -13,8 +13,14 @@ const IconBannedUser = props => {
       viewBox="0 0 40 40"
       xmlns="http://www.w3.org/2000/svg"
     >
+      <defs>
+        <linearGradient id="background" x1="0%" y1="0%" x2="0%" y2="100%">
+          <stop offset="0%" className={css.backgroundLight} />
+          <stop offset="100%" className={css.backgroundDark} />
+        </linearGradient>
+      </defs>
       <g fill="none" fillRule="evenodd">
-        <circle className={css.backgroundFill} cx="20" cy="20" r="20" />
+        <circle fill="url(#background)" cx="20" cy="20" r="20" />
         <circle className={css.foregroundStroke} strokeWidth="3" cx="20" cy="20" r="13" />
         <path className={css.foregroundFill} d="M28.34 9.04l2.12 2.12-19.8 19.8-2.12-2.12z" />
       </g>