feat: event data dashboard now shows associated event

components/pages/event-data/EventDataTable.js

@@ -7,20 +7,25 @@ export function EventDataTable({ data = [] }) {
   const { formatMessage, labels } = useMessages();
   const { resolveUrl } = usePageQuery();
 
+  function linkToView(row, cell) {
+    return (
+      <Link href={resolveUrl({ view: row.field, event: row.event })} shallow={true}>
+        {cell}
+      </Link>
+    );
+  }
+
   if (data.length === 0) {
     return <Empty />;
   }
 
   return (
     <GridTable data={data}>
+      <GridColumn name="event" label={formatMessage(labels.event)}>
+        {row => linkToView(row, row.event)}
+      </GridColumn>
       <GridColumn name="field" label={formatMessage(labels.field)}>
-        {row => {
-          return (
-            <Link href={resolveUrl({ view: row.field })} shallow={true}>
-              {row.field}
-            </Link>
-          );
-        }}
+        {row => linkToView(row, row.field)}
       </GridColumn>
       <GridColumn name="total" label={formatMessage(labels.totalRecords)}>
         {({ total }) => total.toLocaleString()}

components/pages/event-data/EventDataValueTable.js

@@ -5,7 +5,7 @@ import Icons from 'components/icons';
 import PageHeader from 'components/layout/PageHeader';
 import Empty from 'components/common/Empty';
 
-export function EventDataTable({ data = [], field }) {
+export function EventDataTable({ data = [], field, event }) {
   const { formatMessage, labels } = useMessages();
   const { resolveUrl } = usePageQuery();
 
@@ -20,7 +20,9 @@ export function EventDataTable({ data = [], field }) {
             <Text>{formatMessage(labels.back)}</Text>
           </Button>
         </Link>
-        <Text>{field}</Text>
+        <Text>
+          {event} - {field}
+        </Text>
       </>
     );
   };