// eslint-disable-next-line import React, { useMemo, useState } from 'react'; import { TokenDTO } from '@app/services'; import Token from '../Token/Token'; import './TokenDetails.css'; interface TokenProps { token: TokenDTO; } const TokenDetails = ({ token }: TokenProps) => { const props = token?.prop?.value; return (
{ token && (
Name: {token.name?.value}
{ (!props.pt?.value) ? null : (
P/T: {props.pt.value}
) } { !props.colors?.value ? null : (
Color(s): {props.colors.value}
) } { !props.maintype?.value ? null : (
Main Type: {props.maintype.value}
) } { !props.type?.value ? null : (
Type: {props.type.value}
) }
{ !token.text?.value ? null : (
{token.text.value}
) }
) }
); } export default TokenDetails;