From 7bea3c511bbb5944764b989cbe6be94a8f0d1373 Mon Sep 17 00:00:00 2001
From: Barry Low <barrylow@gmail.com>
Date: Fri, 9 Nov 2018 11:43:38 -0800
Subject: [PATCH] Refactor BannerTopBar to common > components

---
 client/src/views/BannerTopBar/index.js | 18 ------------------
 client/src/views/callback/index.js     |  9 +++++++--
 client/src/views/charts/index.js       |  2 +-
 client/src/views/home/index.js         |  2 +-
 4 files changed, 9 insertions(+), 22 deletions(-)
 delete mode 100644 client/src/views/BannerTopBar/index.js

diff --git a/client/src/views/BannerTopBar/index.js b/client/src/views/BannerTopBar/index.js
deleted file mode 100644
index 255e9888d..000000000
--- a/client/src/views/BannerTopBar/index.js
+++ /dev/null
@@ -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
diff --git a/client/src/views/callback/index.js b/client/src/views/callback/index.js
index 2dbf4c27f..11a90d15c 100644
--- a/client/src/views/callback/index.js
+++ b/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
diff --git a/client/src/views/charts/index.js b/client/src/views/charts/index.js
index 9d9d7b308..d4fed8b1c 100644
--- a/client/src/views/charts/index.js
+++ b/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': {
diff --git a/client/src/views/home/index.js b/client/src/views/home/index.js
index e4d01a623..6b19f4e80 100644
--- a/client/src/views/home/index.js
+++ b/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 {