import {Component} from 'react'; import styled from '@emotion/styled'; import ActivityAuthor from 'app/components/activity/author'; import ActivityItem from 'app/components/activity/item'; import Clipboard from 'app/components/clipboard'; import Link from 'app/components/links/link'; import {IconCopy} from 'app/icons'; import {t} from 'app/locale'; import space from 'app/styles/space'; import {UserReport} from 'app/types'; import {escape, nl2br} from 'app/utils'; type Props = { report: UserReport; orgId: string; issueId: string; className?: string; }; class EventUserFeedback extends Component { getUrl() { const {report, orgId, issueId} = this.props; return `/organizations/${orgId}/issues/${issueId}/events/${report.eventID}/`; } render() { const {className, report} = this.props; const user = report.user || { name: report.name, email: report.email, id: '', username: '', ip_address: '', }; return (
{report.name} {report.email} {report.eventID && ( {t('View event')} )}
} >

); } } export default EventUserFeedback; const Email = styled('span')` font-size: ${p => p.theme.fontSizeSmall}; font-weight: normal; cursor: pointer; margin-left: ${space(1)}; `; const ViewEventLink = styled(Link)` font-weight: 300; margin-left: ${space(1)}; font-size: 0.9em; `; const StyledIconCopy = styled(IconCopy)` margin-left: ${space(1)}; `;