import React from 'react'; import PropTypes from 'prop-types'; import { useTranslation } from 'react-i18next'; import ScrappeStatus from '../../components/ScrapeRequest/ScrappeStatus' const ScrappeDetails = ({ details }) => { const { t } = useTranslation(); return ( (details) ?

Scrappe {details.sourceUrl}


{ (details.location) ?

{details.location}

: ''} { (details.estimate) ? {t('scrapeRequest.EstimatedTime')} {(new Date(details.estimate)).toLocaleString()} : ''}
{ (details.filters && details.filters.length > 0) ?

Filters

{details.filters.filter((i) => i.value != null).map((filter, i) => {filter.name}: {filter.value})}
: ''}
{details.status ? : ''}
: '' ); } ScrappeDetails.propTypes = { details: PropTypes.object }; export default ScrappeDetails;