29 lines
558 B
TypeScript
29 lines
558 B
TypeScript
import { Avatar, Col, Link, Row, Text } from '@nextui-org/react'
|
|
import { SessionTypes } from '@walletconnect/types'
|
|
|
|
/**
|
|
* Types
|
|
*/
|
|
interface IProps {
|
|
metadata: SessionTypes.Participant['metadata']
|
|
}
|
|
|
|
/**
|
|
* Components
|
|
*/
|
|
export default function ProjectInfoCard({ metadata }: IProps) {
|
|
const { icons, name, url } = metadata
|
|
|
|
return (
|
|
<Row align="center">
|
|
<Col span={3}>
|
|
<Avatar src={icons[0]} />
|
|
</Col>
|
|
<Col span={14}>
|
|
<Text h5>{name}</Text>
|
|
<Link href={url}>{url}</Link>
|
|
</Col>
|
|
</Row>
|
|
)
|
|
}
|