refactor(StackedPaneDisplay): Experiment with Save button on top.

Author: binh-dam-ibigroup

lib/components/user/stacked-pane-display.js

@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types'
 import React from 'react'
+import { Button } from 'react-bootstrap'
 
 import FormNavigationButtons from './form-navigation-buttons'
 import { PageHeading, StackedPaneContainer } from './styled'
@@ -9,7 +10,12 @@ import { PageHeading, StackedPaneContainer } from './styled'
  */
 const StackedPaneDisplay = ({ onCancel, paneSequence, title }) => (
   <>
-    {title && <PageHeading>{title}</PageHeading>}
+    {title && (
+      <PageHeading>
+        <Button bsStyle='primary' className='pull-right' type='submit'>Save</Button>
+        {title}
+      </PageHeading>
+    )}
     {
       paneSequence.map(({ pane: Pane, props, title }, index) => (
         <StackedPaneContainer key={index}>
@@ -25,7 +31,7 @@ const StackedPaneDisplay = ({ onCancel, paneSequence, title }) => (
         text: 'Cancel'
       }}
       okayButton={{
-        text: 'Save Preferences',
+        text: 'Save',
         type: 'submit'
       }}
     />