mirror of
https://github.com/oceanprotocol/market.git
synced 2024-12-02 05:57:29 +01:00
25 lines
530 B
TypeScript
25 lines
530 B
TypeScript
import React, { ReactElement } from 'react'
|
|
import styles from './Info.module.css'
|
|
|
|
export default function ImageInfo({
|
|
image,
|
|
tag,
|
|
handleClose
|
|
}: {
|
|
image: string
|
|
tag: string
|
|
handleClose(): void
|
|
}): ReactElement {
|
|
return (
|
|
<div className={styles.info}>
|
|
<h3 className={styles.url}>{`${image}:${tag}`}</h3>
|
|
<ul>
|
|
<li className={styles.success}>✓ Image found</li>
|
|
</ul>
|
|
<button className={styles.removeButton} onClick={handleClose}>
|
|
×
|
|
</button>
|
|
</div>
|
|
)
|
|
}
|