Add Followers list and single follower component. Closes #1861
This commit is contained in:
30
web/components/ui/Followers/Follower.tsx
Normal file
30
web/components/ui/Followers/Follower.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user