28 lines
884 B
TypeScript
28 lines
884 B
TypeScript
import { Avatar, Col, Row } 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}>
|
|
<img src="/logo" alt="Logo" className={styles.placeholder} />
|
|
</Avatar>
|
|
</Col>
|
|
<Col>
|
|
<Row>{follower.name}</Row>
|
|
<Row className={styles.account}>{follower.username}</Row>
|
|
</Col>
|
|
</Row>
|
|
</a>
|
|
</div>
|
|
);
|