diff --git a/client/src/App.js b/client/src/App.js index 7d44131cb..f855b1c50 100644 --- a/client/src/App.js +++ b/client/src/App.js @@ -20,14 +20,14 @@ import Events from '@advancedalgos/events-client' import KeyVault from '@advancedalgos/key-vault-client' import FinancialBeings from '@advancedalgos/financial-beings-client' -import { FINANCIAL_BEINGS } from "./constants/routes"; +import { FINANCIAL_BEINGS } from './constants/routes' export const auth = new Auth( result => console.log('Authentication successful.'), client ) -export const MasterApp = (props) => ( +export const MasterApp = props => ( @@ -46,7 +46,12 @@ export const MasterApp = (props) => ( path='/email-verification' render={props => { console.log(props.location) - return + return ( + + ) }} /> , document.getElementById('masterApp')) +ReactDOM.render( + + + , + document.getElementById('masterApp') +) diff --git a/client/src/views/callback/index.js b/client/src/views/callback/index.js index 01ae059fa..7f7d0c19c 100644 --- a/client/src/views/callback/index.js +++ b/client/src/views/callback/index.js @@ -2,11 +2,13 @@ import React from 'react' import { BannerTopBar } from '../common' -const Callback = () => +const Callback = () => ( + +) export default Callback diff --git a/client/src/views/charts/index.js b/client/src/views/charts/index.js index 29589ff2a..f4a539fe6 100644 --- a/client/src/views/charts/index.js +++ b/client/src/views/charts/index.js @@ -50,17 +50,24 @@ class Charts extends Component { } } -const mapStateToProps = (state) => { +const mapStateToProps = state => { return { context: state.context } } -const mapDispatchToProps = (dispatch) => { +const mapDispatchToProps = dispatch => { return { - hideFooter: () => { dispatch({ type: 'HIDE_FOOTER' }) }, - showFooter: () => { dispatch({ type: 'SHOW_FOOTER' }) } + hideFooter: () => { + dispatch({ type: 'HIDE_FOOTER' }) + }, + showFooter: () => { + dispatch({ type: 'SHOW_FOOTER' }) + } } } -export default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(Charts)) +export default connect( + mapStateToProps, + mapDispatchToProps +)(withStyles(styles)(Charts)) diff --git a/client/src/views/common/components/BannerTopBar.js b/client/src/views/common/components/BannerTopBar.js index 823877f72..e7d1fc719 100644 --- a/client/src/views/common/components/BannerTopBar.js +++ b/client/src/views/common/components/BannerTopBar.js @@ -2,17 +2,18 @@ import React from 'react' import PropTypes from 'prop-types' import Typography from '@material-ui/core/Typography' -const BannerTopBar = ({ - size, - backgroundUrl, - title, - text, - children -}) => ( -
+const BannerTopBar = ({ size, backgroundUrl, title, text, children }) => ( +
- {title} - {text} + + {title} + + + {text} + {children}
diff --git a/client/src/views/email-verification/components/SignupForm.js b/client/src/views/email-verification/components/SignupForm.js index 408fd5c3a..27044755b 100644 --- a/client/src/views/email-verification/components/SignupForm.js +++ b/client/src/views/email-verification/components/SignupForm.js @@ -39,15 +39,40 @@ export class SignupForm extends Component { displayIntro } = this.props return ( - + {(NewsletterSignup, { loading, error, data }) => { return ( - - {displayTitle && Stay in touch!} - {displayIntro && Opt-in our mailing list to stay up to date with the Advanced Algos Project.} -
+ + {displayTitle && ( + + Stay in touch! + + )} + {displayIntro && ( + + Opt-in our mailing list to stay up to date with the Advanced + Algos Project. + + )} + - Thank you for signing up! Please check your email and click on the confirmation link to complete the signup process. + Thank you for signing up! Please check your email and click on + the confirmation link to complete the signup process. - + Newsletter Signup Error: Verification Token Expired @@ -29,7 +32,11 @@ export class SignupVerifyResponse extends React.Component { ] displayForm = true } else { - BannerText = ['Newsletter Signup Error: ',
, error.message] + BannerText = [ + 'Newsletter Signup Error: ', +
, + error.message + ] } return ( , 'Thank you for opting-in to recieve updates about the Advanced Algos project!'] + BannerText = [ + 'Processing newsletter sign-up...', +
, + 'Thank you for opting-in to recieve updates about the Advanced Algos project!' + ] } if (data !== undefined && data !== null) { console.log(data) diff --git a/client/src/views/email-verification/index.js b/client/src/views/email-verification/index.js index 8e38064c6..4d46d41b0 100644 --- a/client/src/views/email-verification/index.js +++ b/client/src/views/email-verification/index.js @@ -33,10 +33,7 @@ export const EmailSignupConfirm = ({ tokenParam }) => { } console.log(token) return ( - + {(NewsletterSignupVerify, { loading, error, data }) => { return ( { data={data} /> ) - } - } + }} ) } diff --git a/client/src/views/home/index.js b/client/src/views/home/index.js index f9473faaa..2f1cc6e62 100644 --- a/client/src/views/home/index.js +++ b/client/src/views/home/index.js @@ -13,27 +13,60 @@ class Home extends Component { backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/superalgos-platform.jpg' />
- Welcome to the Advanced Algos Platform! - CO-CREATE >> COMPETE >> EVOLVE + + Welcome to the Advanced Algos Platform! + + + CO-CREATE >> COMPETE >> EVOLVE +
- Before you begin, please be aware this is a development environment in pre-alpha stage. - The features available as of today are limited but already functional. - However, you may encounter occasional instability and errors. + Before you begin, please be aware{' '} + + this is a development environment in pre-alpha stage + + . The features available as of today are limited but already + functional. However, you may encounter occasional instability and + errors. - The Superalgos Platform is the place is which we meet to collaborate in the quest to make trading algorithms evolve. - You will be able to register, create or join a team, fork a functional trading bot and eventually put it to compete with other people's forks. + The Superalgos Platform is the place is which we meet to + collaborate in the quest to make trading algorithms evolve. You + will be able to register, create or join a team, fork a functional + trading bot and eventually put it to compete with other people's + forks.
- Feel free to explore the menu in the top-right corner or visit the Quick Start Guide. - Reporting of bugs at the corresponding Advanced Algos Github repository is highly appreciated. + Feel free to explore the menu in the top-right corner or visit the{' '} + + Quick Start Guide + + . Reporting of bugs at the corresponding{' '} + + Advanced Algos Github repository + {' '} + is highly appreciated. - Get in touch with the rest of the community and get answers to your questions in our Telegram Group. - Have fun! + Get in touch with the rest of the community and get answers to + your questions in our{' '} + + Telegram Group + + . Have fun!
diff --git a/client/src/views/layout/footer/index.js b/client/src/views/layout/footer/index.js index 1989fcde2..ecaf39e7e 100644 --- a/client/src/views/layout/footer/index.js +++ b/client/src/views/layout/footer/index.js @@ -10,7 +10,11 @@ import { connect } from 'react-redux' import Typography from '@material-ui/core/Typography' import Grid from '@material-ui/core/Grid' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faFacebookF, faTelegramPlane, faTwitter } from '@fortawesome/free-brands-svg-icons' +import { + faFacebookF, + faTelegramPlane, + faTwitter +} from '@fortawesome/free-brands-svg-icons' import styles from './styles' import SignupForm from '../../email-verification/components/SignupForm' @@ -23,7 +27,7 @@ class Footer extends Component { const masterApp = this.props.context.masterApp if (masterApp.footer.visible === false) { - return (
) + return
} else { return (