Browse Source

fix(onboarding-layout-ui): fixed lint errors

renovate/lint-staged-8.x
odb366 7 years ago
parent
commit
508ddf670b
  1. 19
      app/components/Onboarding/FormContainer.js

19
app/components/Onboarding/FormContainer.js

@ -7,13 +7,7 @@ import { FaAngleLeft, FaAngleRight } from 'react-icons/lib/fa'
import zapLogo from 'icons/zap_logo.svg' import zapLogo from 'icons/zap_logo.svg'
import styles from './FormContainer.scss' import styles from './FormContainer.scss'
const FormContainer = ({ const FormContainer = ({ title, description, back, next, children }) => (
title,
description,
back,
next,
children
}) => (
<div className={styles.container}> <div className={styles.container}>
<div className={styles.titleBar} /> <div className={styles.titleBar} />
@ -29,22 +23,20 @@ const FormContainer = ({
<p>{description}</p> <p>{description}</p>
</div> </div>
<div className={styles.content}> <div className={styles.content}>{children}</div>
{children}
</div>
<footer className={styles.footer}> <footer className={styles.footer}>
<div className={styles.buttonsContainer}> <div className={styles.buttonsContainer}>
<section> <section>
{back && ( {back && (
<div onClick={back} className={styles.backButton} > <div onClick={back} className={styles.backButton}>
<FaAngleLeft style={{ verticalAlign: 'top' }} /> Back <FaAngleLeft style={{ verticalAlign: 'top' }} /> Back
</div> </div>
)} )}
</section> </section>
<section> <section>
{next && ( {next && (
<div onClick={next} className={styles.nextButton} > <div onClick={next} className={styles.nextButton}>
Next <FaAngleRight style={{ verticalAlign: 'top' }} /> Next <FaAngleRight style={{ verticalAlign: 'top' }} />
</div> </div>
)} )}
@ -54,7 +46,6 @@ const FormContainer = ({
</div> </div>
) )
FormContainer.propTypes = { FormContainer.propTypes = {
title: PropTypes.string.isRequired, title: PropTypes.string.isRequired,
description: PropTypes.string.isRequired, description: PropTypes.string.isRequired,

Loading…
Cancel
Save