2021-02-23 11:16:52 +01:00
|
|
|
import React, { ReactElement } from 'react'
|
2021-10-18 20:44:33 +02:00
|
|
|
import styles from './index.module.css'
|
2021-10-27 12:27:14 +02:00
|
|
|
import Compute from '@images/compute.svg'
|
|
|
|
import Download from '@images/download.svg'
|
|
|
|
import Lock from '@images/lock.svg'
|
2021-02-23 11:16:52 +01:00
|
|
|
|
2021-02-25 09:55:38 +01:00
|
|
|
export default function AssetType({
|
2021-02-23 11:16:52 +01:00
|
|
|
type,
|
2021-02-25 09:55:38 +01:00
|
|
|
accessType,
|
2022-07-05 19:49:47 +02:00
|
|
|
className,
|
|
|
|
totalSales
|
2021-02-23 11:16:52 +01:00
|
|
|
}: {
|
|
|
|
type: string
|
|
|
|
accessType: string
|
2021-02-25 09:55:38 +01:00
|
|
|
className?: string
|
2022-07-05 19:49:47 +02:00
|
|
|
totalSales?: number
|
2021-02-23 11:16:52 +01:00
|
|
|
}): ReactElement {
|
|
|
|
return (
|
2022-07-06 14:59:38 +02:00
|
|
|
<div className={className || null}>
|
2021-02-23 11:16:52 +01:00
|
|
|
{accessType === 'access' ? (
|
|
|
|
<Download role="img" aria-label="Download" className={styles.icon} />
|
2021-04-20 14:07:23 +02:00
|
|
|
) : accessType === 'compute' && type === 'algorithm' ? (
|
|
|
|
<Lock role="img" aria-label="Private" className={styles.icon} />
|
2021-02-23 11:16:52 +01:00
|
|
|
) : (
|
|
|
|
<Compute role="img" aria-label="Compute" className={styles.icon} />
|
|
|
|
)}
|
2021-05-27 12:51:47 +02:00
|
|
|
|
|
|
|
<div className={styles.typeLabel}>
|
2022-08-15 15:57:53 +02:00
|
|
|
{type === 'dataset' ? 'dataset' : 'algorithm'}
|
2021-05-27 12:51:47 +02:00
|
|
|
</div>
|
2022-07-05 19:49:47 +02:00
|
|
|
|
2022-07-06 14:59:38 +02:00
|
|
|
{totalSales ? (
|
|
|
|
<div className={styles.typeLabel}>
|
|
|
|
{`${totalSales} ${totalSales === 1 ? 'sale' : 'sales'}`}
|
|
|
|
</div>
|
|
|
|
) : null}
|
2021-02-25 09:55:38 +01:00
|
|
|
</div>
|
2021-02-23 11:16:52 +01:00
|
|
|
)
|
|
|
|
}
|