Commit a1e1675b authored by Shaphen Pangburn's avatar Shaphen Pangburn

[AFP-131 Shaphen Pangburn]: Adjust logout button to be in plain text

parent b218ac99
...@@ -5,7 +5,8 @@ import { logOut } from '../../actions/session_actions'; ...@@ -5,7 +5,8 @@ import { logOut } from '../../actions/session_actions';
const mSTP = state => ({ const mSTP = state => ({
user: state.user, user: state.user,
cartLength: state.cart.length cartLength: state.cart.length,
image: state.user?.userImage
}); });
const mDTP = dispatch => ({ const mDTP = dispatch => ({
......
...@@ -55,12 +55,14 @@ export default class Header extends Component { ...@@ -55,12 +55,14 @@ export default class Header extends Component {
{!this.props.user?.currentUser ? {!this.props.user?.currentUser ?
<Navbar.Text className="nav-bar-text" id="white-color">Hello Guest</Navbar.Text> : <Navbar.Text className="nav-bar-text" id="white-color">Hello Guest</Navbar.Text> :
<NavDropdown className="nav-bar-text" title={"Hello "+userName} id="collasible-nav-dropdown"> <NavDropdown className="nav-bar-text" title={"Hello "+userName} id="collasible-nav-dropdown">
<image src={ this.props.Image } />
<NavDropdown.Item ><NavLink to="/orders">Order History</NavLink></NavDropdown.Item> <NavDropdown.Item ><NavLink to="/orders">Order History</NavLink></NavDropdown.Item>
<NavDropdown.Item> <NavDropdown.Item>
<GoogleLogout <GoogleLogout
clientId={clientId} clientId={clientId}
buttonText="Logout" buttonText="Logout"
onLogoutSuccess={this.logOutSuccess} onLogoutSuccess={this.logOutSuccess}
render={props => (<div onClick={props.onClick}>Logout</div>)}
> >
</GoogleLogout> </GoogleLogout>
</NavDropdown.Item> </NavDropdown.Item>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment