diff --git a/components/messages.js b/components/messages.js index c0024810..fc88d4d3 100644 --- a/components/messages.js +++ b/components/messages.js @@ -243,15 +243,7 @@ export const messages = defineMessages({ }, noResultsFound: { id: 'message.no-results-found', - defaultMessage: 'No results were found.', - }, - noWebsitesConfigured: { - id: 'message.no-websites-configured', - defaultMessage: 'You do not have any websites configured.', - }, - noReportsConfigured: { - id: 'message.no-reports-configured', - defaultMessage: 'You do not have any reports configured.', + defaultMessage: 'No results found.', }, noTeamWebsites: { id: 'message.no-team-websites', diff --git a/components/pages/reports/ReportsPage.js b/components/pages/reports/ReportsPage.js index d63fc77f..8fc56917 100644 --- a/components/pages/reports/ReportsPage.js +++ b/components/pages/reports/ReportsPage.js @@ -3,7 +3,7 @@ import Page from 'components/layout/Page'; import PageHeader from 'components/layout/PageHeader'; import { useMessages, useReports } from 'hooks'; import Link from 'next/link'; -import { Button, Flexbox, Icon, Icons, Text } from 'react-basics'; +import { Button, Icon, Icons, Text } from 'react-basics'; import ReportsTable from './ReportsTable'; export function ReportsPage() { @@ -12,6 +12,7 @@ export function ReportsPage() { reports, error, isLoading, + deleteReport, filter, handleFilterChange, handlePageChange, @@ -20,6 +21,10 @@ export function ReportsPage() { const hasData = (reports && reports?.data.length !== 0) || filter; + const handleDelete = async id => { + await deleteReport(id); + }; + return ( @@ -41,12 +46,13 @@ export function ReportsPage() { onFilterChange={handleFilterChange} onPageChange={handlePageChange} onPageSizeChange={handlePageSizeChange} + onDelete={deleteReport} filterValue={filter} showDomain={true} /> )} {!hasData && ( - + )} ); diff --git a/components/pages/reports/ReportsTable.js b/components/pages/reports/ReportsTable.js index 39a35c96..98f5267a 100644 --- a/components/pages/reports/ReportsTable.js +++ b/components/pages/reports/ReportsTable.js @@ -51,19 +51,15 @@ export function ReportsTable({ filterValue={filterValue} > {row => { - const { - id, - userId: reportOwnerId, - website: { domain, userId: websiteOwnerId }, - } = row; + const { id, userId: reportOwnerId, website } = row; if (showDomain) { - row.domain = domain; + row.domain = website.domain; } return ( {formatMessage(labels.view)} - {!showDomain || user.id === reportOwnerId || user.id === websiteOwnerId} + {!showDomain || user.id === reportOwnerId || user.id === website?.userId}