Funnel Table/Chart hooked up.

pages/api/reports/funnel.ts

@@ -40,7 +40,7 @@ export default async (
       startDate,
       endDate,
       urls,
-      windowMinutes: window,
+      windowMinutes: +window,
     });
 
     return ok(res, data);

pages/settings/reports/funnel.js

@@ -0,0 +1,16 @@
+import AppLayout from 'components/layout/AppLayout';
+import SettingsLayout from 'components/layout/SettingsLayout';
+import FunnelPage from 'components/pages/reports/FunnelPage';
+import useMessages from 'hooks/useMessages';
+
+export default function DetailsPage() {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <AppLayout title={`${formatMessage(labels.settings)} - ${formatMessage(labels.reports)}`}>
+      <SettingsLayout>
+        <FunnelPage />
+      </SettingsLayout>
+    </AppLayout>
+  );
+}

pages/settings/reports/index.js

@@ -2,6 +2,7 @@ import { useRouter } from 'next/router';
 import AppLayout from 'components/layout/AppLayout';
 import FunnelPage from 'components/pages/reports/FunnelPage';
 import useMessages from 'hooks/useMessages';
+import SettingsLayout from 'components/layout/SettingsLayout';
 
 export default function DetailsPage() {
   //   const { formatMessage, labels } = useMessages();
@@ -15,8 +16,10 @@ export default function DetailsPage() {
   //   return <AppLayout title={formatMessage(labels.websites)}>{/* <FunnelPage /> */}</AppLayout>;
 
   return (
-    <div>
-      <FunnelPage />
-    </div>
+    <AppLayout>
+      <SettingsLayout>
+        <FunnelPage />
+      </SettingsLayout>
+    </AppLayout>
   );
 }