mirror of
https://github.com/owncast/owncast.git
synced 2024-12-26 02:58:32 +03:00
31 lines
823 B
TypeScript
31 lines
823 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|