X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/80e9a9f467827453339ddf581584762afd1748b0..00e249f6a7b5e9da3a4b39bfc9d88ec96e928ec0:/src/views-components/current-token-dialog/current-token-dialog.tsx

diff --git a/src/views-components/current-token-dialog/current-token-dialog.tsx b/src/views-components/current-token-dialog/current-token-dialog.tsx
index ba6c3258f4..934be54d37 100644
--- a/src/views-components/current-token-dialog/current-token-dialog.tsx
+++ b/src/views-components/current-token-dialog/current-token-dialog.tsx
@@ -3,14 +3,12 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import * as React from 'react';
-import { Dialog, DialogActions, DialogTitle, DialogContent, WithStyles, withStyles, StyleRulesCallback, Button, Typography, Paper } from '@material-ui/core';
+import { Dialog, DialogActions, DialogTitle, DialogContent, WithStyles, withStyles, StyleRulesCallback, Button, Typography } from '@material-ui/core';
 import { ArvadosTheme } from '~/common/custom-theme';
 import { withDialog } from '~/store/dialog/with-dialog';
 import { WithDialogProps } from '~/store/dialog/with-dialog';
-import { compose } from 'redux';
 import { connect } from 'react-redux';
-import { CurrentTokenDialogData, getCurrentTokenDialogData } from '~/store/current-token-dialog/current-token-dialog-actions';
-import { RootState } from '~/store/store';
+import { CurrentTokenDialogData, getCurrentTokenDialogData, CURRENT_TOKEN_DIALOG_NAME } from '~/store/current-token-dialog/current-token-dialog-actions';
 import { DefaultCodeSnippet } from '~/components/default-code-snippet/default-code-snippet';
 
 type CssRules = 'link' | 'paper' | 'button';
@@ -35,46 +33,46 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
 
 type CurrentTokenProps = CurrentTokenDialogData & WithDialogProps<{}> & WithStyles<CssRules>;
 
-export const CurrentTokenDialog = compose(
-    withStyles(styles),
-    connect(getCurrentTokenDialogData),
-    withDialog('currentTokenDialog')
-)(class extends React.Component<CurrentTokenProps> {
-    render() {
-        const { classes, open, closeDialog, ...data } = this.props;
-        return <Dialog
-            open={open}
-            onClose={closeDialog}
-            fullWidth={true}
-            maxWidth='md'>
-            <DialogTitle>Current Token</DialogTitle>
-            <DialogContent>
-                <Typography variant='body1' paragraph={true}>
-                    The Arvados API token is a secret key that enables the Arvados SDKs to access Arvados with the proper permissions.
-                            <Typography component='p'>
-                        For more information see
-                                <a href='http://doc.arvados.org/user/reference/api-tokens.html' target='blank' className={classes.link}>
-                            Getting an API token.
-                                </a>
-                    </Typography>
-                </Typography>
-                <Typography variant='body1' paragraph={true}>
-                    Paste the following lines at a shell prompt to set up the necessary environment for Arvados SDKs to authenticate to your klingenc account.
-                        </Typography>
-                <DefaultCodeSnippet lines={[getSnippet(data)]} />
-                <Typography variant='body1'>
-                    Arvados
-                            <a href='http://doc.arvados.org/user/reference/api-tokens.html' target='blank' className={classes.link}>virtual machines</a>
-                    do this for you automatically. This setup is needed only when you use the API remotely (e.g., from your own workstation).
+export const CurrentTokenDialog =
+    withStyles(styles)(
+    connect(getCurrentTokenDialogData)(
+    withDialog(CURRENT_TOKEN_DIALOG_NAME)(
+    class extends React.Component<CurrentTokenProps> {
+        render() {
+            const { classes, open, closeDialog, ...data } = this.props;
+            return <Dialog
+                open={open}
+                onClose={closeDialog}
+                fullWidth={true}
+                maxWidth='md'>
+                <DialogTitle>Current Token</DialogTitle>
+                <DialogContent>
+                    <Typography variant='body1' paragraph={true}>
+                        The Arvados API token is a secret key that enables the Arvados SDKs to access Arvados with the proper permissions.
+                                <Typography component='p'>
+                            For more information see
+                                    <a href='http://doc.arvados.org/user/reference/api-tokens.html' target='blank' className={classes.link}>
+                                Getting an API token.
+                                    </a>
                         </Typography>
-            </DialogContent>
-            <DialogActions>
-                <Button onClick={closeDialog} className={classes.button} color="primary">CLOSE</Button>
-            </DialogActions>
-        </Dialog>;
+                    </Typography>
+                    <Typography variant='body1' paragraph={true}>
+                        Paste the following lines at a shell prompt to set up the necessary environment for Arvados SDKs to authenticate to your klingenc account.
+                            </Typography>
+                    <DefaultCodeSnippet lines={[getSnippet(data)]} />
+                    <Typography variant='body1'>
+                        Arvados
+                                <a href='http://doc.arvados.org/user/reference/api-tokens.html' target='blank' className={classes.link}>virtual machines</a>
+                        do this for you automatically. This setup is needed only when you use the API remotely (e.g., from your own workstation).
+                            </Typography>
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={closeDialog} className={classes.button} color="primary">CLOSE</Button>
+                </DialogActions>
+            </Dialog>;
+        }
     }
-}
-);
+)));
 
 const getSnippet = ({ apiHost, currentToken }: CurrentTokenDialogData) =>
 `HISTIGNORE=$HISTIGNORE:'export ARVADOS_API_TOKEN=*'
