const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
- width: '100%',
- overflow: 'auto'
+ width: '100%',
+ overflow: 'auto'
},
link: {
color: theme.palette.primary.main,
<CardContent>
<Grid container direction="row">
<Grid item xs={8}>
- { !hasKeys && <Typography paragraph={true} >
+ {!hasKeys && <Typography paragraph={true} >
You have not yet set up an SSH public key for use with Arvados.
<a href='https://doc.arvados.org/user/getting_started/ssh-access-unix.html'
- target='blank' className={classes.link}>
+ target='blank' rel="noopener" className={classes.link}>
Learn more.
</a>
</Typography>}
- { !hasKeys && <Typography paragraph={true}>
+ {!hasKeys && <Typography paragraph={true}>
When you have an SSH key you would like to use, add it using button below.
- </Typography> }
+ </Typography>}
</Grid>
<Grid item xs={4} className={classes.buttonContainer}>
<Button onClick={openSshKeyCreateDialog} color="primary" variant="contained">
</Grid>
</CardContent>
</Card>
- );
+);