diff --git a/packages/component-wizard/src/components/StepOne.js b/packages/component-wizard/src/components/StepOne.js index 6c8265707c82260a5f1c9318dffb3c6ebb5bab45..fb43bb706eea7dcafe919933553a2292dc8da98a 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 b64c456455892699fde590e2d42bdb05ed5abf20..583a979eb6f475085d870b6bcc3ba9d1b8932ec4 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 f1e328f9f7c7cc2e2f064f30d9c7a8d4167f68f8..704acee92849a15294645e201f25777187fa3d4a 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