Insights progress update.

components/pages/reports/ReportTemplates.js

@@ -33,14 +33,12 @@ export function ReportTemplates() {
   const { formatMessage, labels } = useMessages();
 
   const reports = [
-    /*
     {
       title: formatMessage(labels.insights),
       description: 'Dive deeper into your data by using segments and filters.',
       url: '/reports/insights',
       icon: <Lightbulb />,
     },
-     */
     {
       title: formatMessage(labels.funnel),
       description: 'Understand the conversion and drop-off rate of users.',

components/pages/reports/insights/InsightsTable.js

@@ -6,11 +6,13 @@ import { ReportContext } from '../Report';
 export function InsightsTable() {
   const { report } = useContext(ReportContext);
   const { formatMessage, labels } = useMessages();
+  const { fields = [] } = report?.parameters || {};
 
   return (
     <GridTable data={report?.data || []}>
-      <GridColumn name="field" label={formatMessage(labels.field)} />
-      <GridColumn name="value" label={formatMessage(labels.value)} />
+      {fields.map(({ name }) => {
+        return <GridColumn key={name} name={name} label={name} />;
+      })}
       <GridColumn name="total" label={formatMessage(labels.total)} />
     </GridTable>
   );