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.
36 lines
1.1 KiB
36 lines
1.1 KiB
import { Avatar, Col, Row, Typography } from 'antd'; |
|
import React, { FC } from 'react'; |
|
import cn from 'classnames'; |
|
import { Follower } from '../../../../interfaces/follower'; |
|
import styles from './SingleFollower.module.scss'; |
|
|
|
export type SingleFollowerProps = { |
|
follower: Follower; |
|
}; |
|
|
|
export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => ( |
|
<div className={cn([styles.follower, 'followers-follower'])}> |
|
<a href={follower.link} target="_blank" rel="noreferrer"> |
|
<Row wrap={false}> |
|
<Col span={6}> |
|
<Avatar |
|
src={follower.image} |
|
alt="Avatar" |
|
className={styles.avatar} |
|
icon={<img src="/logo" alt="Logo" />} |
|
/> |
|
</Col> |
|
<Col span={18}> |
|
<Row className={styles.name}> |
|
<Typography.Text ellipsis> |
|
{follower.name || follower.username.split('@', 2)[0]} |
|
</Typography.Text> |
|
</Row> |
|
<Row className={styles.account}> |
|
<Typography.Text ellipsis>{follower.username}</Typography.Text> |
|
</Row> |
|
</Col> |
|
</Row> |
|
</a> |
|
</div> |
|
);
|
|
|