// @flow import * as ICONS from 'constants/icons'; import React from 'react'; import { parseURI } from 'lbry-redux'; import MarkdownPreview from 'component/common/markdown-preview'; import ChannelThumbnail from 'component/channelThumbnail'; import { Menu, MenuButton } from '@reach/menu-button'; import Icon from 'component/common/icon'; import classnames from 'classnames'; import CommentMenuList from 'component/commentMenuList'; import Button from 'component/button'; import CreditAmount from 'component/common/credit-amount'; type Props = { uri: string, claim: StreamClaim, authorUri: string, commentId: string, message: string, commentIsMine: boolean, stakedLevel: number, supportAmount: number, }; function LivestreamComment(props: Props) { const { claim, uri, authorUri, message, commentIsMine, commentId, stakedLevel, supportAmount } = props; const [mouseIsHovering, setMouseHover] = React.useState(false); const commentByOwnerOfContent = claim && claim.signing_channel && claim.signing_channel.permanent_url === authorUri; const { claimName } = parseURI(authorUri); return (
  • 0, })} onMouseOver={() => setMouseHover(true)} onMouseOut={() => setMouseHover(false)} > {supportAmount > 0 && (
    )}
    {supportAmount > 0 && }
    0} />
  • ); } export default LivestreamComment;