diff --git a/src/components/pages/Publish/Preview.module.css b/src/components/pages/Publish/Preview.module.css index 64c4be9e7..39d61f740 100644 --- a/src/components/pages/Publish/Preview.module.css +++ b/src/components/pages/Publish/Preview.module.css @@ -29,5 +29,14 @@ } .file { +} + +.asset { + display: grid; + grid-template-columns: 1fr 4fr; + align-items: center; margin-bottom: calc(var(--spacer) / 2); } + +.price { +} diff --git a/src/components/pages/Publish/Preview.tsx b/src/components/pages/Publish/Preview.tsx index fd5edaacf..ac1f3580b 100644 --- a/src/components/pages/Publish/Preview.tsx +++ b/src/components/pages/Publish/Preview.tsx @@ -7,6 +7,8 @@ import styles from './Preview.module.css' import File from '../../atoms/File' import { MetadataPublishForm } from '../../../@types/MetaData' import Button from '../../atoms/Button' +import Conversion from '../../atoms/Price/Conversion' +import PriceUnit from '../../atoms/Price/PriceUnit' export default function Preview({ values @@ -19,15 +21,36 @@ export default function Preview({
{values.name &&

{values.name}

} {values.description && } - {values.files && - typeof values.files !== 'string' && - values.files.length > 0 && ( + +
+ {values.files?.length > 0 && typeof values.files !== 'string' && ( )} + + {values.price && ( +
+ + {' '} + = + + + } + /> +
+ )} +
+ {typeof values.links !== 'string' && values.links?.length && (