import {ErrorNotification, FormField, NotificationType} from 'argo-ui'; import * as React from 'react'; import {Form, Text} from 'argo-ui'; import {RouteComponentProps} from 'react-router'; import {DataLoader, Page, Timestamp} from '../../../shared/components'; import {Context} from '../../../shared/context'; import {Account, Token} from '../../../shared/models'; import {services} from '../../../shared/services'; import {convertExpiresInToSeconds, validExpiresIn} from '../utils'; require('./account-details.scss'); export const AccountDetails = (props: RouteComponentProps<{name: string}>) => { const ctx = React.useContext(Context); const [newToken, setNewToken] = React.useState(null); const tokensLoaderRef = React.useRef(null); return (

services.accounts.get(name)}> {(account: Account) => (

NAME

{account.name}

ENABLED

{(account.enabled && 'true') || 'false'}

CAPABILITIES

{(account.capabilities || []).join(', ')}

Tokens

{ const expiresIn = convertExpiresInToSeconds(params.expiresIn); const confirmed = await ctx.popup.confirm('Generate new token', 'Are you sure you want to generate a new token?'); if (!confirmed) { return; } try { setNewToken(await services.accounts.createToken(props.match.params.name, params.id, expiresIn)); api.resetAll(); if (tokensLoaderRef.current) { tokensLoaderRef.current.reload(); } } catch (e) { ctx.notifications.show({ content: , type: NotificationType.Error }); } }} validateError={params => ({ expiresIn: !validExpiresIn(params.expiresIn) && 'Must be in the "[0-9]+[smhd]" format' })}> {api => (

api.submitForm(null)}>Generate New

)} {newToken && (

New Token:

{newToken}

setNewToken(null)} />

)} services.accounts.get(name).then(acc => acc.tokens || [])}> {(tokens: Token[]) => (tokens.length > 0 && (

ID

ISSUED AT

EXPIRES AT

{tokens.map(token => (

{token.id}

{(token.expiresAt && ) || Never} { const confirmed = await ctx.popup.confirm( 'Delete Token?', `Are you sure you want to delete token '${token.id}?'` ); if (!confirmed) { return; } try { await services.accounts.deleteToken(props.match.params.name, token.id); if (tokensLoaderRef.current) { tokensLoaderRef.current.reload(); } } catch (e) { ctx.notifications.show({ content: , type: NotificationType.Error }); } }} />

))}
)) || (

Account has no tokens. Click 'Generate New' to create one.

) }

)}

); };