gil--/gatsby-starter-shopifypwa

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <Mutation mutation={CUSTOMER_RESET}>
                            {(resetPassword, { loading }) => {
                                return (
                                    <Formik
                                        initialValues={{

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                        <Mutation mutation={CUSTOMER_ACTIVATE}>
                            {(activateAccount, { loading }) => {
                                return (
                                    <Formik
                                        initialValues={{

• Read up
  Read up

Function render has 95 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        return (
            <StaticQuery
                query={graphql`
                    query settings {

Function render has 88 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const pageContent = (
            <ContextConsumer>
                {({ set }) => {
                    return <>

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                                            <li>
                                                <label htmlFor="forgotEmail">Email</label>
                                                <input id="forgotEmail" type="email" name="email" value={values.email} onChange={handleChange} required="" ref={this.firstInput} />
                                                <ErrorMessage component="div" name="email" />
                                            </li>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                                                    <li>
                                                        <label htmlFor="loginEmail">Email</label>
                                                        <input id="loginEmail" type="email" name="email" value={values.email} onChange={handleChange} required="" ref={this.firstInput} />
                                                        <ErrorMessage component="div" name="email" />
                                                    </li>

• Read up
  Read up

Function render has 87 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const pageContent = (
            <ContextConsumer>
                {({ set }) => {
                    return <>

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    componentDidMount() {
        const params = new URLSearchParams(document.location.search.substring(1))
        const customerId = window.btoa(`gid://shopify/Customer/${params.get('id')}`)
        const activationToken = params.get('token')

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    componentDidMount() {
        const params = new URLSearchParams(document.location.search.substring(1))
        const customerId = window.btoa(`gid://shopify/Customer/${params.get('id')}`)
        const resetToken = params.get('token')

• Read up
  Read up

Function render has 86 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render () {
        const pageContent = (
            <ContextConsumer>
                {({ set }) => {
                    return <>

Function render has 85 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const pageContent = (
            <>
                <h1>Sign Up</h1>
                <Mutation mutation={CUSTOMER_CREATE}

Function render has 74 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        return (
            <AccountLayout>
                <h1>Account Dashboard</h1>
                <ContextConsumer>

Function render has 71 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const pageContent = (
            <>
                <h1>Forgot Your Password</h1>
                <Mutation mutation={CUSTOMER_RESET}>

Function render has 66 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const product = this.props.data.shopify.shop.productByHandle

        let variant = this.state.selectedVariant || product.variants.edges[0].node
        let variantImage = this.state.selectedVariantImage || product.images.edges[0].node.src

Identical blocks of code found in 2 locations. Consider refactoring.

Open

const FormSchema = Yup.object().shape({
    password: Yup.string()
        .required('Password is Required'),
    passwordVerification: Yup.string()
        .oneOf([Yup.ref('password')], 'Password and confirmation must been the same')

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

const FormSchema = Yup.object().shape({
    password: Yup.string()
        .required('Password is Required'),
    passwordVerification: Yup.string()
        .oneOf([Yup.ref('password')], 'Password and confirmation must been the same')

• Read up
  Read up

Function render has 56 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        if (!this.props.products) {
            return <p>Your cart is currently empty.</p>
        }

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        if (productsCache.data.shopify.shop.products.pageInfo.hasNextPage) {
            await getMoreProducts(currentCursor = productsCache.data.shopify.shop.products.edges[productsCache.data.shopify.shop.products.edges.length - 1].cursor)
        }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    if (productsCache.data.shopify.shop.products.pageInfo.hasNextPage) {
        await getMoreProducts(currentCursor = productsCache.data.shopify.shop.products.edges[productsCache.data.shopify.shop.products.edges.length - 1].cursor)
    }

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

const FormSchema = Yup.object().shape({
    email: Yup.string()
        .email('Invalid email address')
        .required('Email is Required'),
    password: Yup.string()

• Read up
  Read up