owncast/web/components/ui/followers/SingleFollower/SingleFollower.tsx
Jacob Wrenn 591ead0064
fix placeholder styling (fixes #2677) (#2709)
* fix placeholder styling

* Prettified Code!

* fix code style

---------

Co-authored-by: JacobWrenn <JacobWrenn@users.noreply.github.com>
2023-02-14 09:24:29 -08:00

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>
);