From 33cd414fa9f82e9b5ea875d8d2ac6138f57a0d5c Mon Sep 17 00:00:00 2001
From: Bogdan Cochior <bogdan.cochior@thinslices.com>
Date: Wed, 29 Aug 2018 09:52:53 +0300
Subject: [PATCH] refactor(theme): use H2 from pubsweet/ui override

---
 packages/component-wizard/src/components/StepOne.js   | 6 +-----
 packages/component-wizard/src/components/StepThree.js | 9 +--------
 packages/component-wizard/src/components/StepTwo.js   | 6 +-----
 3 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/packages/component-wizard/src/components/StepOne.js b/packages/component-wizard/src/components/StepOne.js
index 6c8265707..fb43bb706 100644
--- a/packages/component-wizard/src/components/StepOne.js
+++ b/packages/component-wizard/src/components/StepOne.js
@@ -6,7 +6,7 @@ import { ActionLink, Text, Row } from 'pubsweet-component-faraday-ui'
 
 const StepOne = () => (
   <Fragment>
-    <CustomH2>1. Pre-Submission Checklist</CustomH2>
+    <H2>1. Pre-Submission Checklist</H2>
     <Row mb={2}>
       <Text align="center" secondary>
         Before moving forward, please make sure you have all the required files
@@ -97,8 +97,4 @@ const RootCheckbox = styled.div.attrs({
     }
   }
 `
-
-const CustomH2 = styled(H2)`
-  margin: 0;
-`
 // #endregion
diff --git a/packages/component-wizard/src/components/StepThree.js b/packages/component-wizard/src/components/StepThree.js
index b64c45645..583a979eb 100644
--- a/packages/component-wizard/src/components/StepThree.js
+++ b/packages/component-wizard/src/components/StepThree.js
@@ -1,7 +1,6 @@
 import React, { Fragment } from 'react'
 import { get } from 'lodash'
 import { Field } from 'redux-form'
-import styled from 'styled-components'
 import { H2, Icon } from '@pubsweet/ui'
 import { Row, Text, WizardFiles } from 'pubsweet-component-faraday-ui'
 
@@ -18,7 +17,7 @@ const StepThree = ({
   getSignedUrl,
 }) => (
   <Fragment>
-    <CustomH2>3. Manuscript Files Upload</CustomH2>
+    <H2>3. Manuscript Files Upload</H2>
     <Row mb={2}>
       <Text align="center" display="flex" secondary>
         Drag & drop files in the specific section or click{' '}
@@ -53,9 +52,3 @@ const StepThree = ({
 )
 
 export default StepThree
-
-// #region styles
-const CustomH2 = styled(H2)`
-  margin: 0;
-`
-// #endregion
diff --git a/packages/component-wizard/src/components/StepTwo.js b/packages/component-wizard/src/components/StepTwo.js
index f1e328f9f..704acee92 100644
--- a/packages/component-wizard/src/components/StepTwo.js
+++ b/packages/component-wizard/src/components/StepTwo.js
@@ -27,7 +27,7 @@ const StepTwo = ({
   ...rest
 }) => (
   <Fragment>
-    <CustomH2>2. Manuscript & Author Details</CustomH2>
+    <H2>2. Manuscript & Author Details</H2>
     <Row mb={2}>
       <Text align="center" secondary>
         Please provide the details of all the authors of this manuscript, in the
@@ -142,8 +142,4 @@ const MoreInfoLink = styled.a`
   color: #d8d8d8;
   margin-left: 3px;
 `
-
-const CustomH2 = styled(H2)`
-  margin: 0;
-`
 // #endregion
-- 
GitLab