You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
831 B
30 lines
831 B
import { Avatar, Col, Row } from 'antd'; |
|
import React from 'react'; |
|
import { Follower } from '../../../../interfaces/follower'; |
|
import s from './SingleFollower.module.scss'; |
|
|
|
interface Props { |
|
follower: Follower; |
|
} |
|
|
|
export default function SingleFollower(props: Props) { |
|
const { follower } = props; |
|
|
|
return ( |
|
<div className={s.follower}> |
|
<a href={follower.link} target="_blank" rel="noreferrer"> |
|
<Row wrap={false}> |
|
<Col span={6}> |
|
<Avatar src={follower.image} alt="Avatar" className={s.avatar}> |
|
<img src="/logo" alt="Logo" className={s.placeholder} /> |
|
</Avatar> |
|
</Col> |
|
<Col> |
|
<Row>{follower.name}</Row> |
|
<Row className={s.account}>{follower.username}</Row> |
|
</Col> |
|
</Row> |
|
</a> |
|
</div> |
|
); |
|
}
|
|
|