2022-05-30 15:40:11 +04:00

38 lines
830 B
TypeScript

import type { FC } from '../../lib/teact/teact';
import React, { useCallback } from '../../lib/teact/teact';
import type { ApiChat, ApiUser } from '../../api/types';
import buildClassName from '../../util/buildClassName';
import Link from '../ui/Link';
import { getActions } from '../../global';
type OwnProps = {
className?: string;
sender?: ApiUser | ApiChat;
children: React.ReactNode;
};
const UserLink: FC<OwnProps> = ({
className, sender, children,
}) => {
const { openChat } = getActions();
const handleClick = useCallback(() => {
if (sender) {
openChat({ id: sender.id });
}
}, [sender, openChat]);
if (!sender) {
return children;
}
return (
<Link className={buildClassName('UserLink', className)} onClick={handleClick}>{children}</Link>
);
};
export default UserLink;