Removed naming from index pages.

pages/console/[[...id]].js

@@ -1,7 +1,7 @@
 import AppLayout from 'components/layout/AppLayout';
 import TestConsole from 'components/pages/console/TestConsole';
 
-export default function ConsolePage({ disabled }) {
+export default function ({ disabled }) {
   if (disabled) {
     return null;
   }

pages/index.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useRouter } from 'next/router';
 
-export default function DefaultPage() {
+export default function () {
   const router = useRouter();
 
   useEffect(() => {

pages/login.js

@@ -1,7 +1,7 @@
 import LoginLayout from 'components/pages/login/LoginLayout';
 import LoginForm from 'components/pages/login/LoginForm';
 
-export default function LoginPage({ disabled }) {
+export default function ({ disabled }) {
   if (disabled) {
     return null;
   }

pages/logout.js

@@ -4,7 +4,7 @@ import useApi from 'hooks/useApi';
 import { setUser } from 'store/app';
 import { removeClientAuthToken } from 'lib/client';
 
-export default function LogoutPage({ disabled }) {
+export default function ({ disabled }) {
   const router = useRouter();
   const { post } = useApi();
 

pages/realtime/[id].js

@@ -1,26 +0,0 @@
-import { useRouter } from 'next/router';
-import AppLayout from 'components/layout/AppLayout';
-import RealtimeDashboard from 'components/pages/realtime/RealtimeDashboard';
-import useMessages from 'hooks/useMessages';
-import useApi from 'hooks/useApi';
-
-export default function RealtimeDetailsPage() {
-  const router = useRouter();
-  const { id: websiteId } = router.query;
-  const { formatMessage, labels } = useMessages();
-  const { get, useQuery } = useApi();
-  const { data: website } = useQuery(['websites', websiteId], () => get(`/websites/${websiteId}`), {
-    enabled: !!websiteId,
-  });
-  const title = `${formatMessage(labels.realtime)}${website?.name ? ` - ${website.name}` : ''}`;
-
-  if (!websiteId) {
-    return null;
-  }
-
-  return (
-    <AppLayout title={title}>
-      <RealtimeDashboard key={websiteId} websiteId={websiteId} />
-    </AppLayout>
-  );
-}

pages/realtime/index.js

@@ -1,12 +0,0 @@
-import AppLayout from 'components/layout/AppLayout';
-import RealtimeHome from 'components/pages/realtime/RealtimeHome';
-import useMessages from 'hooks/useMessages';
-
-export default function RealtimePage() {
-  const { formatMessage, labels } = useMessages();
-  return (
-    <AppLayout title={formatMessage(labels.realtime)}>
-      <RealtimeHome />
-    </AppLayout>
-  );
-}

pages/reports/[id].js

@@ -3,7 +3,7 @@ import AppLayout from 'components/layout/AppLayout';
 import ReportDetails from 'components/pages/reports/ReportDetails';
 import { useApi, useMessages } from 'hooks';
 
-export default function ReportsPage() {
+export default function () {
   const { formatMessage, labels } = useMessages();
   const router = useRouter();
   const { id } = router.query;

pages/reports/create.js

@@ -2,7 +2,7 @@ import AppLayout from 'components/layout/AppLayout';
 import ReportTemplates from 'components/pages/reports/ReportTemplates';
 import { useMessages } from 'hooks';
 
-export default function ReportsPage() {
+export default function () {
   const { formatMessage, labels } = useMessages();
 
   return (

pages/reports/event-data.js

@@ -2,7 +2,7 @@ import AppLayout from 'components/layout/AppLayout';
 import EventDataReport from 'components/pages/reports/event-data/EventDataReport';
 import { useMessages } from 'hooks';
 
-export default function Report() {
+export default function () {
   const { formatMessage, labels } = useMessages();
 
   return (

pages/reports/funnel.js

@@ -2,7 +2,7 @@ import AppLayout from 'components/layout/AppLayout';
 import FunnelReport from 'components/pages/reports/funnel/FunnelReport';
 import useMessages from 'hooks/useMessages';
 
-export default function Funnel() {
+export default function () {
   const { formatMessage, labels } = useMessages();
 
   return (

pages/reports/index.js

@@ -1,13 +1,13 @@
 import AppLayout from 'components/layout/AppLayout';
 import useMessages from 'hooks/useMessages';
-import ReportsList from 'components/pages/reports/ReportsList';
+import ReportsPage from 'components/pages/reports/ReportsPage';
 
-export default function ReportsPage() {
+export default function () {
   const { formatMessage, labels } = useMessages();
 
   return (
     <AppLayout title={formatMessage(labels.reports)}>
-      <ReportsList />
+      <ReportsPage />
     </AppLayout>
   );
 }

pages/settings/profile/index.js

@@ -3,7 +3,7 @@ import SettingsLayout from 'components/layout/SettingsLayout';
 import ProfileSettings from 'components/pages/settings/profile/ProfileSettings';
 import useMessages from 'hooks/useMessages';
 
-export default function ProfilePage() {
+export default function () {
   const { formatMessage, labels } = useMessages();
   return (
     <AppLayout title={`${formatMessage(labels.settings)} - ${formatMessage(labels.profile)}`}>

pages/settings/teams/[id].js

@@ -4,7 +4,7 @@ import TeamSettings from 'components/pages/settings/teams/TeamSettings';
 import { useRouter } from 'next/router';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamDetailPage({ disabled }) {
+export default function ({ disabled }) {
   const router = useRouter();
   const { id } = router.query;
   const { formatMessage, labels } = useMessages();

pages/settings/teams/index.js

@@ -3,7 +3,7 @@ import SettingsLayout from 'components/layout/SettingsLayout';
 import TeamsList from 'components/pages/settings/teams/TeamsList';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamsPage({ disabled }) {
+export default function ({ disabled }) {
   const { formatMessage, labels } = useMessages();
   if (disabled) {
     return null;

pages/settings/users/[id].js

@@ -4,7 +4,7 @@ import UserSettings from 'components/pages/settings/users/UserSettings';
 import { useRouter } from 'next/router';
 import useMessages from 'hooks/useMessages';
 
-export default function TeamDetailPage({ disabled }) {
+export default function ({ disabled }) {
   const router = useRouter();
   const { id } = router.query;
   const { formatMessage, labels } = useMessages();

pages/settings/users/index.js

@@ -3,7 +3,7 @@ import SettingsLayout from 'components/layout/SettingsLayout';
 import UsersList from 'components/pages/settings/users/UsersList';
 import useMessages from 'hooks/useMessages';
 
-export default function UsersPage({ disabled }) {
+export default function ({ disabled }) {
   const { formatMessage, labels } = useMessages();
   if (disabled) {
     return null;

pages/settings/websites/[id].js

@@ -4,7 +4,7 @@ import WebsiteSettings from 'components/pages/settings/websites/WebsiteSettings'
 import SettingsLayout from 'components/layout/SettingsLayout';
 import useMessages from 'hooks/useMessages';
 
-export default function WebsiteSettingsPage({ disabled }) {
+export default function ({ disabled }) {
   const router = useRouter();
   const { id } = router.query;
   const { formatMessage, labels } = useMessages();

pages/settings/websites/index.js

@@ -3,7 +3,7 @@ import SettingsLayout from 'components/layout/SettingsLayout';
 import WebsitesList from 'components/pages/settings/websites/WebsitesList';
 import useMessages from 'hooks/useMessages';
 
-export default function WebsitesPage({ disabled }) {
+export default function ({ disabled }) {
   const { formatMessage, labels } = useMessages();
   if (disabled) {
     return null;

pages/share/[...id].js

@@ -1,9 +1,9 @@
 import { useRouter } from 'next/router';
 import ShareLayout from 'components/layout/ShareLayout';
-import WebsiteDetails from 'components/pages/websites/WebsiteDetails';
+import WebsiteDetailsPage from 'components/pages/websites/WebsiteDetailsPage';
 import useShareToken from 'hooks/useShareToken';
 
-export default function SharePage() {
+export default function () {
   const router = useRouter();
   const { id } = router.query;
   const shareId = id?.[0];
@@ -15,7 +15,7 @@ export default function SharePage() {
 
   return (
     <ShareLayout>
-      <WebsiteDetails websiteId={shareToken.websiteId} />
+      <WebsiteDetailsPage websiteId={shareToken.websiteId} />
     </ShareLayout>
   );
 }

pages/sso.js

@@ -3,7 +3,7 @@ import { Loading } from 'react-basics';
 import { useRouter } from 'next/router';
 import { setClientAuthToken } from 'lib/client';
 
-export default function SingleSignOnPage() {
+export default function () {
   const router = useRouter();
   const { token, url } = router.query;
 

pages/websites/[id]/event-data.js

@@ -1,9 +1,9 @@
 import { useRouter } from 'next/router';
 import AppLayout from 'components/layout/AppLayout';
-import WebsiteDetails from 'components/pages/websites/WebsiteDetails';
+import WebsiteEventData from 'components/pages/websites/WebsiteEventData';
 import useMessages from 'hooks/useMessages';
 
-export default function DetailsPage() {
+export default function () {
   const { formatMessage, labels } = useMessages();
   const router = useRouter();
   const { id } = router.query;
@@ -14,7 +14,7 @@ export default function DetailsPage() {
 
   return (
     <AppLayout title={formatMessage(labels.websites)}>
-      <WebsiteDetails websiteId={id} />
+      <WebsiteEventData websiteId={id} />
     </AppLayout>
   );
 }

pages/websites/[id]/index.js

@@ -0,0 +1,20 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import WebsiteDetailsPage from 'components/pages/websites/WebsiteDetailsPage';
+import useMessages from 'hooks/useMessages';
+
+export default function () {
+  const { formatMessage, labels } = useMessages();
+  const router = useRouter();
+  const { id } = router.query;
+
+  if (!id) {
+    return null;
+  }
+
+  return (
+    <AppLayout title={formatMessage(labels.websites)}>
+      <WebsiteDetailsPage websiteId={id} />
+    </AppLayout>
+  );
+}

pages/websites/[id]/realtime.js

@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import RealtimeDashboard from 'components/pages/realtime/RealtimeDashboard';
+
+export default function () {
+  const router = useRouter();
+  const { id: websiteId } = router.query;
+
+  if (!websiteId) {
+    return null;
+  }
+
+  return (
+    <AppLayout>
+      <RealtimeDashboard websiteId={websiteId} />
+    </AppLayout>
+  );
+}

pages/websites/[id]/reports.js

@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router';
+import AppLayout from 'components/layout/AppLayout';
+import WebsiteReports from 'components/pages/websites/WebsiteReports';
+
+export default function () {
+  const router = useRouter();
+  const { id: websiteId } = router.query;
+
+  if (!websiteId) {
+    return null;
+  }
+
+  return (
+    <AppLayout>
+      <WebsiteReports websiteId={websiteId} />
+    </AppLayout>
+  );
+}