Change login button based on login status, fixes #183
parent
49a951466f
commit
4d3ebefc92
|
|
@ -80,6 +80,10 @@ const styles = (theme) =>
|
||||||
{
|
{
|
||||||
margin : theme.spacing(1, 0),
|
margin : theme.spacing(1, 0),
|
||||||
padding : theme.spacing(0, 1)
|
padding : theme.spacing(0, 1)
|
||||||
|
},
|
||||||
|
green :
|
||||||
|
{
|
||||||
|
color : 'rgba(0, 153, 0, 1)'
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -335,7 +339,7 @@ const TopBar = (props) =>
|
||||||
{ myPicture ?
|
{ myPicture ?
|
||||||
<Avatar src={myPicture} />
|
<Avatar src={myPicture} />
|
||||||
:
|
:
|
||||||
<AccountCircle />
|
<AccountCircle className={loggedIn && classes.green} />
|
||||||
}
|
}
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import { withStyles } from '@material-ui/core/styles';
|
import { withStyles } from '@material-ui/core/styles';
|
||||||
import { withRoomContext } from '../RoomContext';
|
import { withRoomContext } from '../RoomContext';
|
||||||
|
import classnames from 'classnames';
|
||||||
import isElectron from 'is-electron';
|
import isElectron from 'is-electron';
|
||||||
import * as settingsActions from '../actions/settingsActions';
|
import * as settingsActions from '../actions/settingsActions';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
|
|
@ -147,7 +148,9 @@ const DialogTitle = withStyles(styles)((props) =>
|
||||||
{ myPicture ?
|
{ myPicture ?
|
||||||
<Avatar src={myPicture} className={classes.largeAvatar} />
|
<Avatar src={myPicture} className={classes.largeAvatar} />
|
||||||
:
|
:
|
||||||
<AccountCircle className={classes.largeIcon} />
|
<AccountCircle
|
||||||
|
className={classnames(classes.largeIcon, loggedIn && classes.green)}
|
||||||
|
/>
|
||||||
}
|
}
|
||||||
</IconButton>
|
</IconButton>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue