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

interface PageViewActivityProps {
  activity: IPageViewActivity,
}

const PageViewActivity = ({ activity }: PageViewActivityProps): JSX.Element => {
  return (
    <div className="popup-feed-activity-description">
      <span className="activity-page-view">Viewed page: </span>
      <a href={activity.eventAttributes.url} title={activity.eventAttributes.url} target="_blank">
        {activity.eventAttributes.url}
      </a>
    </div>
  )
}

export default PageViewActivity