Allow BannerTopBar to recieve string or array for title + text

client/src/views/common/components/BannerTopBar.js

@@ -19,8 +19,8 @@ const BannerTopBar = ({
 BannerTopBar.propTypes = {
   backgroundUrl: PropTypes.string,
   size: PropTypes.string,
-  title: PropTypes.string,
-  text: PropTypes.string
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  text: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
 }
 
 export default BannerTopBar

client/src/views/email-verification/index.js

@@ -2,10 +2,11 @@ import React from 'react'
 
 import { BannerTopBar } from '../common'
 
-const EmailSignupConfirm = () => {
-  return (
-    <BannerTopBar size='big' title='Processing Confirmation...' text='Thank you for opting-in to recieve updates about the Advanced Algos project!' backgroundUrl='https://advancedalgos.net/img/photos/superalgos-platform.jpg' />
-  )
-}
+export const EmailSignupConfirm = () => <BannerTopBar
+  size='big'
+  title=''
+  text={['Processing newsletter sign-up...', <br />, 'Thank you for opting-in to recieve updates about the Advanced Algos project!']}
+  backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/superalgos-platform.jpg'
+/>
 
 export default EmailSignupConfirm