Refactor BannerTopBar to common > components

client/src/views/BannerTopBar/index.js

@@ -1,18 +0,0 @@
-import React from 'react'
-import Typography from '@material-ui/core/Typography'
-
-const BannerTopBar = ({
-  size,
-  backgroundUrl,
-  title,
-  text
-}) => (
-  <div className={`bannerTopBar ${size}`} style={backgroundUrl ? { backgroundImage: `url(${backgroundUrl})` } : {}}>
-    <div className='caption'>
-      <Typography className='title' variant='h1' align='center'>{title}</Typography>
-      <Typography className='text' variant='h2' align='center'>{text}</Typography>
-    </div>
-  </div>
-)
-
-export default BannerTopBar

client/src/views/callback/index.js

@@ -1,7 +1,12 @@
 import React from 'react'
 
-import { MessageCard } from '@advancedalgos/web-components'
+import BannerTopBar from '../common'
 
-const Callback = () => <MessageCard message='Authenticating...' />
+const Callback = () => <BannerTopBar
+  size='big'
+  title=''
+  text='Authenticating...'
+  backgroundUrl='https://aacorporatesitedevelop.azurewebsites.net/img/photos/superalgos-platform.jpg'
+/>
 
 export default Callback

client/src/views/charts/index.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 
 import { withStyles } from '@material-ui/core/styles'
 import { connect } from 'react-redux'
-import BannerTopBar from '../BannerTopBar'
+import BannerTopBar from '../common'
 
 const styles = theme => ({
   '@global': {

client/src/views/home/index.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import BannerTopBar from '../BannerTopBar'
+import BannerTopBar from '../common'
 import { Typography } from '@material-ui/core'
 
 class Home extends Component {