homeCluster: state.auth.homeCluster,
uuidPrefix: state.auth.localCluster
}))(({ classes, dispatch, remoteHosts, homeCluster, uuidPrefix }: LoginPanelProps) =>
- <Grid container direction="column" item xs alignItems="center" justify="center" className={classes.root}>
+ <Grid container justify="center" alignItems="center"
+ className={classes.root}
+ style={{ marginTop: 56, overflowY: "auto", height: "100%" }}>
<Grid item className={classes.container}>
<Typography variant='h6' align="center" className={classes.title}>
Welcome to the Arvados Workbench
<Typography component="div" align="right">
<Button variant="contained" color="primary" style={{ margin: "1em" }} className={classes.button}
- onClick={() => dispatch(login(uuidPrefix, remoteHosts[homeCluster]))}>
+ onClick={() => dispatch(login(uuidPrefix, homeCluster, remoteHosts))}>
Log in to {uuidPrefix}
{uuidPrefix !== homeCluster &&
<span> with user from {homeCluster}</span>}
</Button>
</Typography>
</Grid>
- </Grid>
+ </Grid >
));