From 43cbd0211bbe6c8ee10c6d7dd107a749e59cc3d6 Mon Sep 17 00:00:00 2001
From: newick <erick@entre-quote.com>
Date: Tue, 5 Nov 2019 11:08:12 +0100
Subject: [PATCH] feat(ContributorButton): added checkmark when subscribed

---
 src/components/atoms/icons/CheckSmall.tsx              | 10 ++++++++++
 .../organisms/Contributor/ContributorButton.tsx        | 10 +++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/components/atoms/icons/CheckSmall.tsx

diff --git a/src/components/atoms/icons/CheckSmall.tsx b/src/components/atoms/icons/CheckSmall.tsx
new file mode 100644
index 000000000..647b24a4d
--- /dev/null
+++ b/src/components/atoms/icons/CheckSmall.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export default () => (
+  <svg viewBox="0 0 13.266 10.168" width="13.266" height="10.168">
+    <path
+      fill="#404040"
+      d="M13.027 1.404L11.863.24a.827.827 0 00-1.164 0L5.084 5.863 2.568 3.338a.792.792 0 00-.582-.24.792.792 0 00-.582.24L.24 4.502a.827.827 0 000 1.164l3.1 3.1L4.5 9.928a.827.827 0 001.164 0L6.83 8.764l6.2-6.2a.827.827 0 000-1.164z"
+    />
+  </svg>
+);
diff --git a/src/components/organisms/Contributor/ContributorButton.tsx b/src/components/organisms/Contributor/ContributorButton.tsx
index 4d2046080..166a51bbc 100644
--- a/src/components/organisms/Contributor/ContributorButton.tsx
+++ b/src/components/organisms/Contributor/ContributorButton.tsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import styled from 'styled-components';
 import BackgroundButton from 'components/atoms/Button/BackgroundButton/BackgroundButton';
 import BorderButton from 'components/atoms/Button/BorderButton/BorderButton';
+import Check from 'components/atoms/icons/CheckSmall';
 
 const Container = styled.div`
   display: flex;
@@ -54,7 +55,14 @@ const ContributorButton = ({
           onPointerEnter={() => setSubscribedButtonHovered(true)}
           onPointerLeave={() => setSubscribedButtonHovered(false)}
         >
-          {subscribedButtonHovered ? 'Se désabonner' : 'Abonné·e'}
+          {subscribedButtonHovered ? (
+            'Se désabonner'
+          ) : (
+            <>
+              <Check />
+              &nbsp;Abonné
+            </>
+          )}
         </ContributorBorderButton>
       )}
       {!subscribed && (