From 4141ec03a8838c85ddeca37b1338f6c2f993916e Mon Sep 17 00:00:00 2001
From: soupette <cyril.lpz@gmail.com>
Date: Wed, 11 Sep 2019 11:19:30 +0200
Subject: [PATCH] Migrate plugin to styled compo

---
 .../admin/src/components/EditForm/Wrapper.js  | 20 ++++++++++++++++
 .../admin/src/components/EditForm/index.js    | 15 ++++++------
 .../admin/src/components/EditForm/styles.scss | 24 -------------------
 .../src/containers/ConfigPage/styles.scss     |  0
 4 files changed, 27 insertions(+), 32 deletions(-)
 create mode 100644 packages/strapi-plugin-email/admin/src/components/EditForm/Wrapper.js
 delete mode 100644 packages/strapi-plugin-email/admin/src/components/EditForm/styles.scss
 delete mode 100644 packages/strapi-plugin-email/admin/src/containers/ConfigPage/styles.scss

diff --git a/packages/strapi-plugin-email/admin/src/components/EditForm/Wrapper.js b/packages/strapi-plugin-email/admin/src/components/EditForm/Wrapper.js
new file mode 100644
index 0000000000..bc1ebef474
--- /dev/null
+++ b/packages/strapi-plugin-email/admin/src/components/EditForm/Wrapper.js
@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+
+const Wrapper = styled.div`
+  background: #ffffff;
+  padding: 45px 30px 22px 30px;
+  border-radius: 2px;
+  box-shadow: 0 2px 4px #e3e9f3;
+
+  .inputStyle {
+    max-width: 358px;
+  }
+
+  .subFormWrapper {
+    margin-bottom: 14px;
+    padding: 23px 30px 0 30px;
+    background-color: #fafafb;
+  }
+`;
+
+export default Wrapper;
diff --git a/packages/strapi-plugin-email/admin/src/components/EditForm/index.js b/packages/strapi-plugin-email/admin/src/components/EditForm/index.js
index 146a2ecb47..f85afdd2aa 100644
--- a/packages/strapi-plugin-email/admin/src/components/EditForm/index.js
+++ b/packages/strapi-plugin-email/admin/src/components/EditForm/index.js
@@ -8,15 +8,14 @@ import React from 'react';
 import { findIndex, get, isEmpty, map } from 'lodash';
 import PropTypes from 'prop-types';
 import { InputsIndex as Input } from 'strapi-helper-plugin';
-
-import styles from './styles.scss';
+import Wrapper from './Wrapper';
 
 class EditForm extends React.Component {
   getProviderForm = () =>
     get(
       this.props.settings,
       ['providers', this.props.selectedProviderIndex, 'auth'],
-      {},
+      {}
     );
 
   generateSelectOptions = () =>
@@ -29,19 +28,19 @@ class EditForm extends React.Component {
         acc.push(option);
         return acc;
       },
-      [],
+      []
     );
 
   render() {
     return (
-      <div className={styles.editForm}>
+      <Wrapper>
         <div className="row">
           <Input
             customBootstrapClass="col-md-6"
             inputDescription={{
               id: 'email.EditForm.Input.select.inputDescription',
             }}
-            inputClassName={styles.inputStyle}
+            inputClassName="inputStyle"
             label={{ id: 'email.EditForm.Input.select.label' }}
             name="provider"
             onChange={this.props.onChange}
@@ -51,7 +50,7 @@ class EditForm extends React.Component {
           />
         </div>
         {!isEmpty(this.getProviderForm()) && (
-          <div className={styles.subFormWrapper}>
+          <div className="subFormWrapper">
             <div className="row">
               {map(this.getProviderForm(), (value, key) => (
                 <Input
@@ -73,7 +72,7 @@ class EditForm extends React.Component {
             </div>
           </div>
         )}
-      </div>
+      </Wrapper>
     );
   }
 }
diff --git a/packages/strapi-plugin-email/admin/src/components/EditForm/styles.scss b/packages/strapi-plugin-email/admin/src/components/EditForm/styles.scss
deleted file mode 100644
index 7683fd493c..0000000000
--- a/packages/strapi-plugin-email/admin/src/components/EditForm/styles.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.editForm {
-  background: #ffffff;
-  padding: 45px 30px 22px 30px;
-  border-radius: 2px;
-  box-shadow: 0 2px 4px #E3E9F3;
-}
-
-.inputStyle {
-  max-width: 358px;
-}
-
-.separator {
-  height: 1px;
-  width: 100%;
-  margin-bottom: 22px;
-  background: #F6F6F6;
-  box-sizing: border-box;
-}
-
-.subFormWrapper {
-  margin-bottom: 14px;
-  padding: 23px 30px 0 30px;
-  background-color: #FAFAFB;
-}
diff --git a/packages/strapi-plugin-email/admin/src/containers/ConfigPage/styles.scss b/packages/strapi-plugin-email/admin/src/containers/ConfigPage/styles.scss
deleted file mode 100644
index e69de29bb2..0000000000