Insights report updates.

components/pages/reports/ReportTemplates.js

@@ -3,20 +3,10 @@ import { Button, Icons, Text, Icon } from 'react-basics';
 import Page from 'components/layout/Page';
 import PageHeader from 'components/layout/PageHeader';
 import Funnel from 'assets/funnel.svg';
-import Nodes from 'assets/nodes.svg';
 import Lightbulb from 'assets/lightbulb.svg';
 import styles from './ReportTemplates.module.css';
 import { useMessages } from 'hooks';
 
-const reports = [
-  {
-    title: 'Funnel',
-    description: 'Understand the conversion and drop-off rate of users.',
-    url: '/reports/funnel',
-    icon: <Funnel />,
-  },
-];
-
 function ReportItem({ title, description, url, icon }) {
   return (
     <div className={styles.report}>
@@ -42,6 +32,21 @@ function ReportItem({ title, description, url, icon }) {
 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.',
+      url: '/reports/funnel',
+      icon: <Funnel />,
+    },
+  ];
+
   return (
     <Page>
       <PageHeader title={formatMessage(labels.reports)} />