From 4adccd2741b049f53b4a54dae99d53d83cd52436 Mon Sep 17 00:00:00 2001
From: newick <erick@entre-quote.com>
Date: Thu, 19 Sep 2019 10:22:26 +0200
Subject: [PATCH] fix(ContributorLarge stat): added Bubble icon

---
 src/components/atoms/icons/Bubble.tsx                | 10 ++++++++++
 .../organisms/Contributor/ContributorLarge.tsx       | 12 ++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)
 create mode 100644 src/components/atoms/icons/Bubble.tsx

diff --git a/src/components/atoms/icons/Bubble.tsx b/src/components/atoms/icons/Bubble.tsx
new file mode 100644
index 000000000..d49e615f9
--- /dev/null
+++ b/src/components/atoms/icons/Bubble.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export default () => (
+  <svg width="16.262" height="16">
+    <path
+      fill="#404040"
+      d="M4.024 16a1.008 1.008 0 0 1-.468-.116 1.006 1.006 0 0 1-.534-.886v-2.719a6.139 6.139 0 0 1-3.021-5.47c0-3.882 3.5-6.81 8.131-6.81s8.127 2.929 8.127 6.811-3.5 6.809-8.131 6.809h-.2l-3.355 2.219a1 1 0 0 1-.549.162zM8.131 1.556c-3.746 0-6.572 2.26-6.572 5.254a4.609 4.609 0 0 0 2.6 4.322.781.781 0 0 1 .42.692v2.138l2.7-1.788a.806.806 0 0 1 .468-.128H7.8c.108.006.217.012.327.012 3.746 0 6.572-2.257 6.572-5.25s-2.822-5.252-6.568-5.252z"
+    />
+  </svg>
+);
diff --git a/src/components/organisms/Contributor/ContributorLarge.tsx b/src/components/organisms/Contributor/ContributorLarge.tsx
index 5b7481f04..55eff91b7 100644
--- a/src/components/organisms/Contributor/ContributorLarge.tsx
+++ b/src/components/organisms/Contributor/ContributorLarge.tsx
@@ -8,6 +8,7 @@ import UserName from 'components/atoms/UserName/UserName';
 import Stat from 'components/atoms/Stat/Stat';
 import StatType from 'components/atoms/Stat/StatType';
 import ContributorButton from './ContributorButton';
+import BubbleIcon from 'components/atoms/icons/Bubble';
 
 const ContributorCard = styled.div`
   padding: 12px 15px 10px;
@@ -35,9 +36,11 @@ const ContributorInfos = styled.div`
 `;
 
 const StatsWrapper = styled.div`
-  display: grid;
-  grid-column-gap: 5px;
-  grid-template-columns: 1fr 1fr 1fr;
+  width: 100%;
+
+  ${BubbleIcon} {
+    margin-right: 6px;
+  }
 `;
 
 const ContributorIntro = styled.p`
@@ -78,7 +81,8 @@ export const ContributorLarge = ({
 
         <StatsWrapper>
           <Stat>
-            {contributor.contributions} <StatType>Bulles</StatType>
+            <BubbleIcon /> {contributor.contributions}{' '}
+            <StatType>Bulles</StatType>
           </Stat>
         </StatsWrapper>