1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- import user from '../materials/user.png'
- import { Link } from 'react-router-dom'
- import { Avatar, Col, Row } from 'antd'
- import { CSubscribeLinkUser } from '../components/Subscribe'
- import backendURL from '../helpers/backendUrl'
- export const LinkToUser = ({
- _id,
- avatar,
- login,
- padding = '10px',
- onClick,
- key,
- }) => {
- return (
- <Row style={{ marginBottom: '5px' }}>
- <Link
- to={`/profile/${_id}`}
- style={{
- padding: padding,
- }}
- className="ModalLink"
-
- onClick={onClick}
- key={key}
- >
- <Col offset={1} className="gutter-row">
- {avatar ? (
- <Avatar
- className="ModalAvatar"
- src={backendURL + '/' + avatar?.url}
- />
- ) : (
- <Avatar className="ModalAvatar" src={user} />
- )}
- </Col>
- <Col offset={3} style={{ marginTop: '5px' }}>
- <h3 className="ModalLink"> {login || 'Anon'}</h3>
- </Col>
- </Link>
- </Row>
- )
- }
- export const LinkWithSubscribe = ({
- _id,
- avatar,
- login,
- size,
- onClick,
- key,
- myId,
- }) => {
- return (
- <Row style={{ margin: '10px', marginBottom: '20px' }}>
- <Link
- to={`/profile/${_id}`}
- className="ModalLink"
- onClick={onClick}
- key={key}
- >
- <Col offset={1} className="gutter-row">
- {avatar ? (
- <Avatar
- size={size}
- src={backendURL + '/' + avatar?.url}
- style={{ marginRight: '3px' }}
- />
- ) : (
- <Avatar size={size} src={user} style={{ marginRight: '3px' }} />
- )}
- </Col>
- <Col offset={2} style={{ marginTop: '5px' }}>
- <h3 className="ModalLink"> {login || 'Anon'}</h3>
- </Col>
- </Link>
- {myId == _id ? null : (
- <div
- style={{
- right: '0',
- position: 'absolute',
- marginRight: '20px',
- }}
- >
- <CSubscribeLinkUser followId={_id} />
- </div>
- )}
- </Row>
- )
- }
- export default LinkToUser
|