openvsx-webui-test 0.20.0-dev.0 → 0.20.0-dev.1

package/src/pages/admin-dashboard/customers/customer-token-list.tsx

@@ -0,0 +1,135 @@
+/******************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License 2.0 which is available at
+ * https://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *****************************************************************************/
+
+import { FunctionComponent, useEffect, useState, useContext, useRef } from 'react';
+import {
+    Box,
+    Typography,
+    Divider,
+    List,
+    ListItem,
+    ListItemText,
+    IconButton,
+    Paper,
+    Button,
+    type PaperProps
+} from '@mui/material';
+import DeleteIcon from '@mui/icons-material/Delete';
+import AddIcon from '@mui/icons-material/Add';
+import { MainContext } from '../../../context';
+import { Customer, isError, RateLimitToken } from '../../../extension-registry-types';
+import { GenerateTokenDialog } from '../../../components/generate-token-dialog';
+import { Timestamp } from "../../../components/timestamp";
+
+const sectionPaperProps: PaperProps = { elevation: 1, sx: { p: 3, mb: 3 } };
+
+export const CustomerTokenList: FunctionComponent<CustomerTokenListProps> = props => {
+    const { service, handleError } = useContext(MainContext);
+    const [tokens, setTokens] = useState<RateLimitToken[]>([]);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const abortController = useRef<AbortController>(new AbortController());
+
+    useEffect(() => {
+        fetchTokens();
+    }, [props.customer]);
+
+    useEffect(() => {
+        return () => {
+            abortController.current.abort();
+        };
+    }, []);
+
+    const fetchTokens = async () => {
+        try {
+            const result = await service.admin.getCustomerRateLimitTokens(abortController.current, props.customer.name);
+            setTokens([...result]);
+        } catch (err) {
+            handleError(err);
+        }
+    };
+
+    const handleGenerate = async (description: string): Promise<string> => {
+        const token = await service.admin.createCustomerRateLimitToken(abortController.current, props.customer.name, description);
+        await fetchTokens();
+        return token.value ?? '';
+    };
+
+    const handleDelete = async (tokenId: number) => {
+        try {
+            const result = await service.admin.deleteCustomerRateLimitToken(abortController.current, props.customer.name, tokenId);
+            if (isError(result)) {
+                throw result;
+            }
+            await fetchTokens();
+        } catch (err) {
+            handleError(err);
+        }
+    };
+
+    return <Paper {...sectionPaperProps}>
+        <Box
+            sx={{
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                mb: 1,
+                flexDirection: { xs: 'column', sm: 'column', md: 'row', lg: 'row', xl: 'row' }
+            }}
+        >
+            <Typography variant='h6'>Tokens</Typography>
+            <Button size='small' startIcon={<AddIcon />} onClick={() => setDialogOpen(true)}>
+                Generate Token
+            </Button>
+        </Box>
+        <Divider sx={{ mb: 1 }} />
+        {tokens.length === 0 ? (
+            <Typography variant='body2' color='text.secondary' sx={{ py: 1 }}>
+                No rate limiting tokens for this customer.
+            </Typography>
+        ) : (
+            <List dense disablePadding>
+                {tokens.map(token => (
+                    <ListItem
+                        key={token.id}
+                        secondaryAction={
+                            <IconButton edge='end' size='small' color='error' onClick={() => handleDelete(token.id)} title='Delete token'>
+                                <DeleteIcon fontSize='small' />
+                            </IconButton>
+                        }
+                    >
+                        <ListItemText
+                            primary={
+                                <Typography sx={{ fontWeight: 'bold', overflow: 'hidden', textOverflow: 'ellipsis' }}>{token.description || 'N/A'}</Typography>
+                            }
+                            secondary={
+                                <Typography variant='body2'>Created: <Timestamp value={token.createdTimestamp}/></Typography>
+                            }
+                        />
+                    </ListItem>
+                ))}
+            </List>
+        )}
+
+        <GenerateTokenDialog
+            open={dialogOpen}
+            onClose={() => setDialogOpen(false)}
+            onGenerate={handleGenerate}
+            onError={handleError}
+            title='Generate token'
+        />
+    </Paper>;
+};
+
+export interface CustomerTokenListProps {
+    customer: Customer;
+}

package/src/pages/user/generate-access-token-dialog.tsx

@@ -0,0 +1,49 @@
+/********************************************************************************
+ * Copyright (c) 2019 TypeFox and others
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ ********************************************************************************/
+
+import { FunctionComponent, useContext, useRef, useState } from 'react';
+import { Button } from '@mui/material';
+import { GenerateTokenDialog } from '../../components/generate-token-dialog';
+import { isError } from '../../extension-registry-types';
+import { MainContext } from '../../context';
+
+export const GenerateAccessTokenDialog: FunctionComponent<GenerateTokenDialogProps> = props => {
+    const context = useContext(MainContext);
+    const abortController = useRef<AbortController>(new AbortController());
+    const [open, setOpen] = useState(false);
+
+    const handleGenerate = async (description: string): Promise<string> => {
+        if (!context.user) {
+            throw new Error('Not logged in');
+        }
+        const token = await context.service.createAccessToken(abortController.current, context.user, description);
+        if (isError(token)) {
+            throw token;
+        }
+
+        props.handleTokenGenerated();
+
+        return token.value!;
+    };
+
+    return <>
+        <Button variant='outlined' onClick={() => setOpen(true)}>Generate new token</Button>
+        <GenerateTokenDialog
+            open={open}
+            onClose={() => setOpen(false)}
+            onGenerate={handleGenerate}
+            onError={context.handleError}
+        />
+    </>;
+};
+
+export interface GenerateTokenDialogProps {
+    handleTokenGenerated: () => void;
+}

package/src/pages/user/user-settings-tokens.tsx

@@ -15,7 +15,7 @@ import { DelayedLoadIndicator } from '../../components/delayed-load-indicator';
 import { Timestamp } from '../../components/timestamp';
 import { PersonalAccessToken } from '../../extension-registry-types';
 import { MainContext } from '../../context';
-import { GenerateTokenDialog } from './generate-token-dialog';
+import { GenerateAccessTokenDialog } from './generate-access-token-dialog';
 import { UserSettingsRoutes } from './user-settings-routes';
 import styled from '@mui/material/styles/styled';
 
@@ -105,7 +105,7 @@ export const UserSettingsTokens: FunctionComponent = () => {
             <Box alignItems='center' overflow='auto'>
                 <Typography sx={{ fontWeight: 'bold', overflow: 'hidden', textOverflow: 'ellipsis' }}>{token.description}</Typography>
                 <Typography variant='body2'>Created: <Timestamp value={token.createdTimestamp}/></Typography>
-                <Typography variant='body2'>Expires: {token.expiresTimestamp ? <Timestamp value={token.expiresTimestamp}/> : 'never'}</Typography>
+                <Typography variant='body2'>Expires: {token.expiresTimestamp ? <Timestamp value={token.expiresTimestamp} isFutureTime={true} /> : 'never'}</Typography>
                 <Typography variant='body2'>Accessed: {token.accessedTimestamp ? <Timestamp value={token.accessedTimestamp}/> : 'never'}</Typography>
             </Box>
             <Box display='flex' alignItems='center'>
@@ -159,7 +159,7 @@ export const UserSettingsTokens: FunctionComponent = () => {
                 }}
             >
                 <Box mr={1} mb={1}>
-                    <GenerateTokenDialog
+                    <GenerateAccessTokenDialog
                         handleTokenGenerated={handleTokenGenerated}
                     />
                 </Box>

package/src/utils.ts

@@ -52,22 +52,26 @@ export function toLocalTime(timestamp?: string): string | undefined {
     return new Intl.DateTimeFormat(undefined, options).format(date);
 }
 
-const msPerMinute = 60 * 1000;
+const msPerSecond = 1000;
+const msPerMinute = msPerSecond * 60;
 const msPerHour = msPerMinute * 60;
 const msPerDay = msPerHour * 24;
 const msPerMonth = msPerDay * 30.4;
 const msPerYear = msPerDay * 365;
-export function toRelativeTime(timestamp?: string): string | undefined {
+export function toRelativeTime(timestamp?: string, isFutureTime: boolean = false): string | undefined {
     if (!timestamp) {
         return undefined;
     }
     const date = new Date(timestamp);
     const elapsed = Date.now() - date.getTime();
 
-    if (elapsed < 0) {
+    if (isFutureTime) {
         const remaining = -elapsed;
-        if (remaining < msPerMinute) {
-            return 'now';
+        if (remaining < 0) {
+            return "now";
+        } else if (remaining < msPerMinute) {
+            const value = Math.round(remaining / msPerSecond);
+            return `in ${value} second${value !== 1 ? 's' : ''}`;
         } else if (remaining < msPerHour) {
             const value = Math.round(remaining / msPerMinute);
             return `in ${value} minute${value !== 1 ? 's' : ''}`;

package/lib/components/copy-to-clipboard.d.ts

@@ -1,21 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2020 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- ********************************************************************************/
-import { FunctionComponent, ReactElement } from 'react';
-import { TooltipProps } from '@mui/material';
-export declare const CopyToClipboard: FunctionComponent<CopyToClipboardProps>;
-interface ChildProps {
-    copy: (content: any) => void;
-}
-export interface CopyToClipboardProps {
-    tooltipProps?: Partial<TooltipProps>;
-    children: (props: ChildProps) => ReactElement<any>;
-}
-export {};
-//# sourceMappingURL=copy-to-clipboard.d.ts.map

package/lib/components/copy-to-clipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/components/copy-to-clipboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;kFAQkF;AAElF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAElE,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA0BnE,CAAC;AAEF,UAAU,UAAU;IAChB,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC;CACtD"}

package/lib/components/copy-to-clipboard.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/********************************************************************************
- * Copyright (c) 2020 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- ********************************************************************************/
-import { useState } from 'react';
-import copy from 'clipboard-copy';
-import { Tooltip } from '@mui/material';
-export const CopyToClipboard = props => {
-    const [showTooltip, setTooltip] = useState(false);
-    const handleOnTooltipClose = () => {
-        setTooltip(false);
-    };
-    const onCopy = (content) => {
-        copy(content);
-        setTooltip(true);
-    };
-    return (_jsx(Tooltip, { open: showTooltip, title: 'Copied to clipboard!', leaveDelay: 1500, onClose: handleOnTooltipClose, disableHoverListener: true, ...props.tooltipProps ?? {}, children: props.children({ copy: onCopy }) }));
-};
-//# sourceMappingURL=copy-to-clipboard.js.map

package/lib/components/copy-to-clipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-to-clipboard.js","sourceRoot":"","sources":["../../src/components/copy-to-clipboard.tsx"],"names":[],"mappings":";AAAA;;;;;;;;kFAQkF;AAElF,OAAO,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAEtD,MAAM,CAAC,MAAM,eAAe,GAA4C,KAAK,CAAC,EAAE;IAC5E,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,OAAa,EAAE,EAAE;QAC7B,IAAI,CAAC,OAAO,CAAC,CAAC;QACd,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,OAAO,IACJ,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,sBAAsB,EAC7B,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,oBAAoB,EAC7B,oBAAoB,WAChB,KAAK,CAAC,YAAY,IAAI,EAAE,YAGxB,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAsB,GAEnD,CACb,CAAC;AACN,CAAC,CAAC"}

package/lib/pages/user/generate-token-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generate-token-dialog.d.ts","sourceRoot":"","sources":["../../../src/pages/user/generate-token-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;kFAQkF;AAElF,OAAO,EAAe,iBAAiB,EAA2C,MAAM,OAAO,CAAC;AAShG,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,wBAAwB,CAqI3E,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACrC,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACpC"}

package/lib/pages/user/generate-token-dialog.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/********************************************************************************
- * Copyright (c) 2019 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- ********************************************************************************/
-import { useContext, useEffect, useState, useRef } from 'react';
-import { Button, Dialog, DialogTitle, DialogContent, DialogContentText, Box, TextField, DialogActions, Typography } from '@mui/material';
-import { ButtonWithProgress } from '../../components/button-with-progress';
-import { CopyToClipboard } from '../../components/copy-to-clipboard';
-import { isError } from '../../extension-registry-types';
-import { MainContext } from '../../context';
-const TOKEN_DESCRIPTION_SIZE = 255;
-export const GenerateTokenDialog = props => {
-    const [open, setOpen] = useState(false);
-    const [posted, setPosted] = useState(false);
-    const [description, setDescription] = useState('');
-    const [descriptionError, setDescriptionError] = useState();
-    const [token, setToken] = useState();
-    const context = useContext(MainContext);
-    const abortController = useRef(new AbortController());
-    useEffect(() => {
-        document.addEventListener('keydown', handleEnter);
-        return () => {
-            abortController.current.abort();
-            document.removeEventListener('keydown', handleEnter);
-        };
-    }, []);
-    const handleOpenDialog = () => {
-        setOpen(true);
-        setPosted(false);
-        setDescription('');
-        setToken(undefined);
-    };
-    const handleClose = () => setOpen(false);
-    const handleDescriptionChange = (event) => {
-        const description = event.target.value;
-        let descriptionError;
-        if (description.length > TOKEN_DESCRIPTION_SIZE) {
-            descriptionError = `The description must not be longer than ${TOKEN_DESCRIPTION_SIZE} characters.`;
-        }
-        setDescription(description);
-        setDescriptionError(descriptionError);
-    };
-    const handleGenerate = async () => {
-        if (!context.user) {
-            return;
-        }
-        setPosted(true);
-        try {
-            const token = await context.service.createAccessToken(abortController.current, context.user, description);
-            if (isError(token)) {
-                throw token;
-            }
-            setToken(token);
-            props.handleTokenGenerated();
-        }
-        catch (err) {
-            context.handleError(err);
-        }
-    };
-    const handleEnter = (e) => {
-        if (e.code === 'Enter' && open && !token) {
-            handleGenerate();
-        }
-    };
-    return _jsxs(_Fragment, { children: [_jsx(Button, { variant: 'outlined', onClick: handleOpenDialog, children: "Generate new token" }), _jsxs(Dialog, { open: open, onClose: handleClose, children: [_jsx(DialogTitle, { children: "Generate new token" }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { children: "Describe where you will use this token." }), _jsx(Box, { my: 2, children: _jsx(TextField, { disabled: Boolean(token), fullWidth: true, label: 'Token Description', error: Boolean(descriptionError), helperText: descriptionError, onChange: handleDescriptionChange }) }), _jsx(TextField, { disabled: !token, margin: 'dense', label: 'Generated Token...', fullWidth: true, multiline: true, variant: 'outlined', rows: 4, value: token ? token.value : '' }), token ?
-                                _jsx(Box, { children: _jsx(Typography, { sx: { color: 'red', fontWeight: 'bold' }, children: "Copy and paste this token to a safe place. It will not be displayed again." }) }) : null] }), _jsxs(DialogActions, { children: [token ?
-                                _jsx(CopyToClipboard, { tooltipProps: { placement: 'left' }, children: ({ copy }) => (_jsx(Button, { autoFocus: true, variant: 'contained', color: 'secondary', onClick: () => {
-                                            copy(token.value);
-                                            setTimeout(handleClose, 700);
-                                        }, children: "Copy" })) }) : null, _jsx(Button, { onClick: handleClose, color: 'secondary', children: token ? 'Close' : 'Cancel' }), !token ?
-                                _jsx(ButtonWithProgress, { autoFocus: true, sx: { ml: 1 }, error: Boolean(descriptionError), working: posted, onClick: handleGenerate, children: "Generate Token" }) : null] })] })] });
-};
-//# sourceMappingURL=generate-token-dialog.js.map

package/lib/pages/user/generate-token-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generate-token-dialog.js","sourceRoot":"","sources":["../../../src/pages/user/generate-token-dialog.tsx"],"names":[],"mappings":"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"}

package/src/components/copy-to-clipboard.tsx

@@ -1,50 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2020 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- ********************************************************************************/
-
-import { FunctionComponent, ReactElement, useState } from 'react';
-import copy from 'clipboard-copy';
-import { Tooltip, TooltipProps } from '@mui/material';
-
-export const CopyToClipboard: FunctionComponent<CopyToClipboardProps> = props => {
-    const [showTooltip, setTooltip] = useState<boolean>(false);
-
-    const handleOnTooltipClose = () => {
-        setTooltip(false);
-    };
-
-    const onCopy = (content:  any) => {
-        copy(content);
-        setTooltip(true);
-    };
-
-    return (
-        <Tooltip
-            open={showTooltip}
-            title={'Copied to clipboard!'}
-            leaveDelay={1500}
-            onClose={handleOnTooltipClose}
-            disableHoverListener
-            {...props.tooltipProps ?? {}}
-        >
-            {
-                props.children({ copy: onCopy }) as ReactElement<any>
-            }
-        </Tooltip>
-    );
-};
-
-interface ChildProps {
-    copy: (content: any) => void;
-}
-
-export interface CopyToClipboardProps {
-    tooltipProps?: Partial<TooltipProps>;
-    children: (props: ChildProps) => ReactElement<any>;
-}

package/src/pages/user/generate-token-dialog.tsx

@@ -1,157 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2019 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- ********************************************************************************/
-
-import { ChangeEvent, FunctionComponent, useContext, useEffect, useState, useRef } from 'react';
-import { Button, Dialog, DialogTitle, DialogContent, DialogContentText, Box, TextField, DialogActions, Typography } from '@mui/material';
-import { ButtonWithProgress } from '../../components/button-with-progress';
-import { CopyToClipboard } from '../../components/copy-to-clipboard';
-import { PersonalAccessToken, isError } from '../../extension-registry-types';
-import { MainContext } from '../../context';
-
-const TOKEN_DESCRIPTION_SIZE = 255;
-
-export const GenerateTokenDialog: FunctionComponent<GenerateTokenDialogProps> = props => {
-    const [open, setOpen] = useState<boolean>(false);
-    const [posted, setPosted] = useState<boolean>(false);
-    const [description, setDescription] = useState<string>('');
-    const [descriptionError, setDescriptionError] = useState<string>();
-    const [token, setToken] = useState<PersonalAccessToken>();
-
-    const context = useContext(MainContext);
-    const abortController = useRef<AbortController>(new AbortController());
-
-    useEffect(() => {
-        document.addEventListener('keydown', handleEnter);
-        return () => {
-            abortController.current.abort();
-            document.removeEventListener('keydown', handleEnter);
-        };
-    }, []);
-
-    const handleOpenDialog = () => {
-        setOpen(true);
-        setPosted(false);
-        setDescription('');
-        setToken(undefined);
-    };
-
-    const handleClose = () => setOpen(false);
-
-    const handleDescriptionChange = (event: ChangeEvent<HTMLInputElement>) => {
-        const description = event.target.value;
-        let descriptionError: string | undefined;
-        if (description.length > TOKEN_DESCRIPTION_SIZE) {
-            descriptionError = `The description must not be longer than ${TOKEN_DESCRIPTION_SIZE} characters.`;
-        }
-
-        setDescription(description);
-        setDescriptionError(descriptionError);
-    };
-
-    const handleGenerate = async () => {
-        if (!context.user) {
-            return;
-        }
-        setPosted(true);
-        try {
-            const token = await context.service.createAccessToken(abortController.current, context.user, description);
-            if (isError(token)) {
-                throw token;
-            }
-            setToken(token);
-            props.handleTokenGenerated();
-        } catch (err) {
-            context.handleError(err);
-        }
-    };
-
-    const handleEnter = (e: KeyboardEvent) => {
-        if (e.code === 'Enter' && open && !token) {
-            handleGenerate();
-        }
-    };
-
-    return <>
-        <Button variant='outlined' onClick={handleOpenDialog}>Generate new token</Button>
-        <Dialog open={open} onClose={handleClose}>
-            <DialogTitle>Generate new token</DialogTitle>
-            <DialogContent>
-                <DialogContentText>
-                    Describe where you will use this token.
-                </DialogContentText>
-                <Box my={2}>
-                    <TextField
-                        disabled={Boolean(token)}
-                        fullWidth
-                        label='Token Description'
-                        error={Boolean(descriptionError)}
-                        helperText={descriptionError}
-                        onChange={handleDescriptionChange} />
-                </Box>
-                <TextField
-                    disabled={!token}
-                    margin='dense'
-                    label='Generated Token...'
-                    fullWidth
-                    multiline
-                    variant='outlined'
-                    rows={4}
-                    value={token ? token.value : ''}
-                />
-                {
-                    token ?
-                    <Box>
-                        <Typography sx={{ color: 'red', fontWeight: 'bold' }}>
-                            Copy and paste this token to a safe place. It will not be displayed again.
-                        </Typography>
-                    </Box> : null
-                }
-            </DialogContent>
-            <DialogActions>
-                {
-                    token ?
-                    <CopyToClipboard tooltipProps={{ placement: 'left' }}>
-                        {({ copy }) => (
-                            <Button
-                                autoFocus
-                                variant='contained'
-                                color='secondary'
-                                onClick={() => {
-                                    copy(token!.value);
-                                    setTimeout(handleClose, 700);
-                                }}
-                            >
-                                Copy
-                            </Button>
-                        )}
-                    </CopyToClipboard> : null
-                }
-                <Button onClick={handleClose} color='secondary'>
-                    {token ? 'Close' : 'Cancel'}
-                </Button>
-                {
-                    !token ?
-                    <ButtonWithProgress
-                            autoFocus
-                            sx={{ ml: 1 }}
-                            error={Boolean(descriptionError)}
-                            working={posted}
-                            onClick={handleGenerate} >
-                        Generate Token
-                    </ButtonWithProgress> : null
-                }
-            </DialogActions>
-        </Dialog>
-    </>;
-};
-
-export interface GenerateTokenDialogProps {
-    handleTokenGenerated: () => void;
-}