Merge branch '21578-mount-debug'

[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: {
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {

-       width: '100%',
-       overflow: 'auto'
+        width: '100%',
+        overflow: 'auto'

     },
     link: {
         color: theme.palette.primary.main,
     },
     link: {
         color: theme.palette.primary.main,


@@ -55,16 +55,16 @@ export const SshKeyPanelRoot = withStyles(styles)(
             <CardContent>
                 <Grid container direction="row">
                     <Grid item xs={8}>
             <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'
                             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>}
                                 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.
                             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>
                     <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>
                 </Grid>
             </CardContent>
         </Card>

-    );
+);