Merge branch '21765-short-dialog'

[arvados.git] / services / workbench2 / src / views / ssh-key-panel / ssh-key-panel-root.tsx

diff --git a/services/workbench2/src/views/ssh-key-panel/ssh-key-panel-root.tsx b/services/workbench2/src/views/ssh-key-panel/ssh-key-panel-root.tsx
index 8a266d00c6f146cc7bb0a5853e236224262f8f8f..344352adc7029eebcf745447dc582cf7fb2a21c1 100644 (file)
--- a/services/workbench2/src/views/ssh-key-panel/ssh-key-panel-root.tsx
+++ b/services/workbench2/src/views/ssh-key-panel/ssh-key-panel-root.tsx
@@ -12,8 +12,8 @@ type CssRules = 'root' | 'link' | 'buttonContainer' | 'table' | 'tableRow' | 'ke
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {
-       width: '100%',
-       overflow: 'auto'
+        width: '100%',
+        overflow: 'auto'
     },
     link: {
         color: theme.palette.primary.main,
@@ -55,16 +55,16 @@ export const SshKeyPanelRoot = withStyles(styles)(
             <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">
@@ -113,4 +113,4 @@ export const SshKeyPanelRoot = withStyles(styles)(
                 </Grid>
             </CardContent>
         </Card>
-    );
+);