Add Followers list and single follower component. Closes #1861

This commit is contained in:
Gabe Kangas
2022-07-11 18:29:58 -07:00
parent 24db1d6c6d
commit e0634abc98
8 changed files with 111 additions and 46 deletions

View File

@@ -0,0 +1,30 @@
import { Avatar, Col, Row } from 'antd';
import React from 'react';
import { Follower } from '../../../interfaces/follower';
import s from './Followers.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>
);
}