From 2d71ba5435a26944f66ec39de9eff7e30a102f2f Mon Sep 17 00:00:00 2001
From: newick <erick@entre-quote.com>
Date: Thu, 22 Nov 2018 12:10:01 +0100
Subject: [PATCH] feat: replaced inline SVG by components

---
 src/app/sandbox/Sandbox.js          | 50 ++++-------------------------
 src/components/atoms/icons/Arrow.js | 15 +++++++++
 src/components/atoms/icons/Close.js | 18 ++++++++---
 src/components/atoms/index.js       | 15 ++++++---
 4 files changed, 47 insertions(+), 51 deletions(-)
 create mode 100644 src/components/atoms/icons/Arrow.js

diff --git a/src/app/sandbox/Sandbox.js b/src/app/sandbox/Sandbox.js
index 893977437..bd7932687 100644
--- a/src/app/sandbox/Sandbox.js
+++ b/src/app/sandbox/Sandbox.js
@@ -15,6 +15,9 @@ import Approves from '../../components/atoms/Approves';
 import Dislikes from '../../components/atoms/Dislikes';
 import Contributor from '../../components/atoms/Contributor';
 
+import Close from '../../components/atoms/icons/Close';
+import Arrow from '../../components/atoms/icons/Arrow';
+
 import Header from '../../components/molecules/Header';
 import Footer from '../../components/molecules/Footer';
 import Feedbacks from '../../components/molecules/Feedbacks';
@@ -33,62 +36,23 @@ const Sandbox = () => (
         <Header>
           <Title>2 messages pour cette page</Title>
           <ButtonClose>
-            <svg width="12" height="12">
-              <g 
-                fill="none" 
-                fillRule="evenodd" 
-                stroke="#787993" 
-                strokeLinecap="round" 
-                strokeLinejoin="round" 
-                strokeWidth="2">
-                <path d="M1 1l10 10M11 1L1 11" />
-              </g>
-            </svg>
+            <Close />
           </ButtonClose>
         </Header>
         <Header>
           <Title>
-            <svg width="7" height="12">
-              <path 
-                fill="none" 
-                fillRule="evenodd" 
-                stroke="#787993" 
-                strokeLinecap="round" 
-                strokeLinejoin="round" 
-                strokeWidth="2" 
-                d="M6.046 1L1 6.046 6.046 11" />
-            </svg> 
+            <Arrow />
             &nbsp;
             Le Même en Mieux, il y a 8 mois
           </Title>
           <ButtonClose>
-            <svg width="12" height="12">
-              <g 
-                fill="none" 
-                fillRule="evenodd" 
-                stroke="#787993" 
-                strokeLinecap="round" 
-                strokeLinejoin="round" 
-                strokeWidth="2">
-                <path d="M1 1l10 10M11 1L1 11" />
-              </g>
-            </svg>
+            <Close />
           </ButtonClose>
         </Header>
         <Header>
           <Title>Aucune de vos relations n’a créé de bulle pour cette page</Title>
           <ButtonClose>
-            <svg width="12" height="12">
-              <g 
-                fill="none" 
-                fillRule="evenodd" 
-                stroke="#787993" 
-                strokeLinecap="round" 
-                strokeLinejoin="round" 
-                strokeWidth="2">
-                <path d="M1 1l10 10M11 1L1 11" />
-              </g>
-            </svg>
+            <Close />
           </ButtonClose>
         </Header>
 
diff --git a/src/components/atoms/icons/Arrow.js b/src/components/atoms/icons/Arrow.js
new file mode 100644
index 000000000..f4985f3bc
--- /dev/null
+++ b/src/components/atoms/icons/Arrow.js
@@ -0,0 +1,15 @@
+import React from 'react';
+
+export default () => (
+  <svg width="7" height="12">
+    <path 
+      fill="none" 
+      fillRule="evenodd" 
+      stroke="#787993" 
+      strokeLinecap="round" 
+      strokeLinejoin="round" 
+      strokeWidth="2" 
+      d="M6.046 1L1 6.046 6.046 11" />
+  </svg>
+
+);
\ No newline at end of file
diff --git a/src/components/atoms/icons/Close.js b/src/components/atoms/icons/Close.js
index b4273b47b..1a0807f5b 100644
--- a/src/components/atoms/icons/Close.js
+++ b/src/components/atoms/icons/Close.js
@@ -1,5 +1,15 @@
-<svg width="12" height="12">
-    <g fill="none" fill-rule="evenodd" stroke="#787993" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
-        <path d="M1 1l10 10M11 1L1 11"/>
+import React from 'react';
+
+export default () => (
+  <svg width="12" height="12">
+    <g 
+      fill="none" 
+      fillRule="evenodd" 
+      stroke="#787993" 
+      strokeLinecap="round" 
+      strokeLinejoin="round" 
+      strokeWidth="2">
+      <path d="M1 1l10 10M11 1L1 11" />
     </g>
-</svg>
\ No newline at end of file
+  </svg>
+);
\ No newline at end of file
diff --git a/src/components/atoms/index.js b/src/components/atoms/index.js
index a7e204119..5bdc442a5 100644
--- a/src/components/atoms/index.js
+++ b/src/components/atoms/index.js
@@ -1,4 +1,11 @@
-import MenuButton from '../atoms/MenuButton';
-import Title from '../atoms/Title';
-import Type from '../atoms/Type';
-
+// export { default } from './Approves';
+// export { default } from './ButtonClose';
+// export { default } from './ButtonMenu';
+// export { default } from './ButtonDelete';
+// export { default } from './Contributor';
+// export { default } from './Dislikes';
+// export { default } from './Logo';
+// export { default } from './Message';
+// export { default } from './SourceURL';
+// export { default } from './Title';
+// export { default } from '.Type';
\ No newline at end of file