import * as React from 'react'
import { IOpenTrackActivity } from '../../../modules/activity/interfaces'

interface OpenTrackActivityProps {
  activity: IOpenTrackActivity,
}

const OpenTrackActivity = ({ activity }: OpenTrackActivityProps): JSX.Element => {
  return (
    <div className="popup-feed-activity-description">
      <span className="activity-page-view">Opened email: </span>
      {
        activity.open.gmailId
          ? (
            <a href={`https://mail.google.com/mail/u/0/#sent/${activity.open.gmailId}`} target="_blank">
              {activity.open.emailSubject || <em>no subject</em>}
            </a>
          )
          : activity.open.emailSubject || <em>no subject</em>
      }
    </div>
  )
}

export default OpenTrackActivity