mirror of
https://github.com/owncast/owncast.git
synced 2024-12-22 09:14:47 +03:00
591ead0064
* fix placeholder styling * Prettified Code! * fix code style --------- Co-authored-by: JacobWrenn <JacobWrenn@users.noreply.github.com>
34 lines
1 KiB
TypeScript
34 lines
1 KiB
TypeScript
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}</Typography.Text>
|
|
</Row>
|
|
<Row className={styles.account}>
|
|
<Typography.Text ellipsis>{follower.username}</Typography.Text>
|
|
</Row>
|
|
</Col>
|
|
</Row>
|
|
</a>
|
|
</div>
|
|
);
|