diff --git a/src/components/onboarding-navigation/onboarding-navigation-wrapper.jsx b/src/components/community-guidelines/community-guidelines-modal.jsx similarity index 84% rename from src/components/onboarding-navigation/onboarding-navigation-wrapper.jsx rename to src/components/community-guidelines/community-guidelines-modal.jsx index 305271934..246e8ff2a 100644 --- a/src/components/onboarding-navigation/onboarding-navigation-wrapper.jsx +++ b/src/components/community-guidelines/community-guidelines-modal.jsx @@ -1,7 +1,7 @@ import React, {useCallback, useState, useEffect} from 'react'; import {CommunityGuidelines, communityGuidelines} from './community-guidelines.jsx'; import PropTypes from 'prop-types'; -import {injectIntl} from 'react-intl'; +import {FormattedMessage, injectIntl} from 'react-intl'; const ReactModal = require('react-modal'); const CommunityGuidelinesModal = props => { @@ -17,7 +17,7 @@ const CommunityGuidelinesModal = props => { return ( { userId={props.userId} currentPage={currentPage} onNextPage={currentPage < communityGuidelines.length - 1 ? onNextPage : onComplete} - nextButtonText={currentPage === communityGuidelines.length - 1 ? 'I Understand' : null} + nextButtonText={currentPage === communityGuidelines.length - 1 ? + : + null} onBackPage={currentPage > 0 ? onBackPage : null} /> ); @@ -47,4 +49,4 @@ CommunityGuidelinesModal.propTypes = { isOpen: PropTypes.bool }; -export const IntlCommunityGuidelinesWrapper = injectIntl(CommunityGuidelinesModal); +export const IntlCommunityGuidelinesModal = injectIntl(CommunityGuidelinesModal); diff --git a/src/components/community-guidelines/community-guidelines.jsx b/src/components/community-guidelines/community-guidelines.jsx index 8dede98bb..fa7252c4e 100644 --- a/src/components/community-guidelines/community-guidelines.jsx +++ b/src/components/community-guidelines/community-guidelines.jsx @@ -8,54 +8,54 @@ import PropTypes from 'prop-types'; export const communityGuidelines = [ { - section: 'becomeAScratcher.guidelines.respectSection', - header: 'becomeAScratcher.guidelines.respectHeader', - body: 'becomeAScratcher.guidelines.respectBody', + section: 'communityGuidelines.guidelines.respectSection', + header: 'communityGuidelines.guidelines.respectHeader', + body: 'communityGuidelines.guidelines.respectBody', image: 'respect-illustration.svg', imageLeft: true }, { - section: 'becomeAScratcher.guidelines.safeSection', - header: 'becomeAScratcher.guidelines.safeHeader', - body: 'becomeAScratcher.guidelines.safeBody', + section: 'communityGuidelines.guidelines.safeSection', + header: 'communityGuidelines.guidelines.safeHeader', + body: 'communityGuidelines.guidelines.safeBody', image: 'safe-illustration.svg' }, { - section: 'becomeAScratcher.guidelines.feedbackSection', - header: 'becomeAScratcher.guidelines.feedbackHeader', - body: 'becomeAScratcher.guidelines.feedbackBody', + section: 'communityGuidelines.guidelines.feedbackSection', + header: 'communityGuidelines.guidelines.feedbackHeader', + body: 'communityGuidelines.guidelines.feedbackBody', image: 'feedback-illustration.svg', imageLeft: true }, { - section: 'becomeAScratcher.guidelines.remix1Section', - header: 'becomeAScratcher.guidelines.remix1Header', - body: 'becomeAScratcher.guidelines.remix1Body', + section: 'communityGuidelines.guidelines.remix1Section', + header: 'communityGuidelines.guidelines.remix1Header', + body: 'communityGuidelines.guidelines.remix1Body', image: 'remix-illustration-1.svg' }, { - section: 'becomeAScratcher.guidelines.remix2Section', - header: 'becomeAScratcher.guidelines.remix2Header', - body: 'becomeAScratcher.guidelines.remix2Body', + section: 'communityGuidelines.guidelines.remix2Section', + header: 'communityGuidelines.guidelines.remix2Header', + body: 'communityGuidelines.guidelines.remix2Body', image: 'remix-illustration-2.svg' }, { - section: 'becomeAScratcher.guidelines.remix3Section', - header: 'becomeAScratcher.guidelines.remix3Header', - body: 'becomeAScratcher.guidelines.remix3Body', + section: 'communityGuidelines.guidelines.remix3Section', + header: 'communityGuidelines.guidelines.remix3Header', + body: 'communityGuidelines.guidelines.remix3Body', image: 'remix-illustration-3.svg' }, { - section: 'becomeAScratcher.guidelines.honestSection', - header: 'becomeAScratcher.guidelines.honestHeader', - body: 'becomeAScratcher.guidelines.honestBody', + section: 'communityGuidelines.guidelines.honestSection', + header: 'communityGuidelines.guidelines.honestHeader', + body: 'communityGuidelines.guidelines.honestBody', image: 'honest-illustration.svg', imageLeft: true }, { - section: 'becomeAScratcher.guidelines.friendlySection', - header: 'becomeAScratcher.guidelines.friendlyHeader', - body: 'becomeAScratcher.guidelines.friendlyBody', + section: 'communityGuidelines.guidelines.friendlySection', + header: 'communityGuidelines.guidelines.friendlyHeader', + body: 'communityGuidelines.guidelines.friendlyBody', image: 'friendly-illustration.svg' } ]; diff --git a/src/components/onboarding-navigation/onboarding-navigation.jsx b/src/components/onboarding-navigation/onboarding-navigation.jsx index 8a89ff135..9c6dddd5d 100644 --- a/src/components/onboarding-navigation/onboarding-navigation.jsx +++ b/src/components/onboarding-navigation/onboarding-navigation.jsx @@ -45,7 +45,7 @@ const OnboardingNavigation = ({ /> {} } @@ -55,7 +55,7 @@ const OnboardingNavigation = ({ }