Cleaned up pages. Fixed SSO page.

src/app/(app)/console/[[...id]]/page.tsx

@@ -1,4 +1,5 @@
 import TestConsole from '../TestConsole';
+import { Metadata } from 'next';
 
 async function getEnabled() {
   return !!process.env.ENABLE_TEST_CONSOLE;
@@ -13,3 +14,7 @@ export default async function ConsolePage() {
 
   return <TestConsole />;
 }
+
+export const metadata: Metadata = {
+  title: 'Test Console | umami',
+};

src/app/(app)/dashboard/page.tsx

@@ -1,7 +1,7 @@
 import Dashboard from 'app/(app)/dashboard/Dashboard';
 import { Metadata } from 'next';
 
-export default function () {
+export default function DashboardPage() {
   return <Dashboard />;
 }
 

src/app/(app)/reports/insights/page.tsx

@@ -1,7 +1,7 @@
 import InsightsReport from './InsightsReport';
 import { Metadata } from 'next';
 
-export default function () {
+export default function InsightsReportPage() {
   return <InsightsReport reportId={null} />;
 }
 

src/app/(app)/reports/retention/page.js

@@ -1,6 +1,6 @@
 import RetentionReport from './RetentionReport';
 
-export default function () {
+export default function RetentionReportPage() {
   return <RetentionReport reportId={null} />;
 }
 

src/app/(app)/websites/WebsitesBrowse.js

@@ -0,0 +1,30 @@
+'use client';
+import WebsiteList from 'app/(app)/settings/websites/WebsitesList';
+import { useMessages } from 'components/hooks';
+import { useState } from 'react';
+import { Item, Tabs } from 'react-basics';
+
+const TABS = {
+  myWebsites: 'my-websites',
+  teamWebsites: 'team-websites',
+};
+
+export function WebsitesBrowse() {
+  const { formatMessage, labels } = useMessages();
+  const [tab, setTab] = useState(TABS.myWebsites);
+
+  return (
+    <>
+      <Tabs selectedKey={tab} onSelect={setTab} style={{ marginBottom: 30 }}>
+        <Item key={TABS.myWebsites}>{formatMessage(labels.myWebsites)}</Item>
+        <Item key={TABS.teamWebsites}>{formatMessage(labels.teamWebsites)}</Item>
+      </Tabs>
+      {tab === TABS.myWebsites && <WebsiteList showHeader={false} />}
+      {tab === TABS.teamWebsites && (
+        <WebsiteList showHeader={false} showTeam={true} onlyTeams={true} />
+      )}
+    </>
+  );
+}
+
+export default WebsitesBrowse;

src/app/(app)/websites/[id]/event-data/page.js

@@ -1,7 +1,7 @@
 import WebsiteHeader from '../WebsiteHeader';
 import WebsiteEventData from './WebsiteEventData';
 
-export default function ({ params: { id } }) {
+export default function WebsiteEventDataPage({ params: { id } }) {
   if (!id) {
     return null;
   }

src/app/(app)/websites/[id]/page.tsx

@@ -1,9 +1,5 @@
 import WebsiteDetails from './WebsiteDetails';
 
-export default function ({ params: { id } }) {
+export default function WebsiteReportsPage({ params: { id } }) {
-  if (!id) {
-    return null;
-  }
-
   return <WebsiteDetails websiteId={id} />;
 }

src/app/(app)/websites/[id]/realtime/page.tsx

@@ -1,6 +1,6 @@
 import Realtime from './Realtime';
 
-export default function ({ params: { id } }) {
+export default function WebsiteRealtimePage({ params: { id } }) {
   if (!id) {
     return null;
   }

src/app/(app)/websites/page.js

@@ -1,30 +1,12 @@
 'use client';
-import WebsiteList from 'app/(app)/settings/websites/WebsitesList';
-import { useMessages } from 'components/hooks';
-import { useState } from 'react';
-import { Item, Tabs } from 'react-basics';
 import WebsitesHeader from '../settings/websites/WebsitesHeader';
-
+import WebsitesBrowse from './WebsitesBrowse';
-const TABS = {
-  myWebsites: 'my-websites',
-  teamWebsites: 'team-websites',
-};
 
 export default function WebsitesPage() {
-  const { formatMessage, labels } = useMessages();
-  const [tab, setTab] = useState(TABS.myWebsites);
-
   return (
     <>
       <WebsitesHeader />
-      <Tabs selectedKey={tab} onSelect={setTab} style={{ marginBottom: 30 }}>
+      <WebsitesBrowse />
-        <Item key={TABS.myWebsites}>{formatMessage(labels.myWebsites)}</Item>
-        <Item key={TABS.teamWebsites}>{formatMessage(labels.teamWebsites)}</Item>
-      </Tabs>
-      {tab === TABS.myWebsites && <WebsiteList showHeader={false} />}
-      {tab === TABS.teamWebsites && (
-        <WebsiteList showHeader={false} showTeam={true} onlyTeams={true} />
-      )}
     </>
   );
 }

src/app/share/[...id]/page.tsx

@@ -1,9 +1,5 @@
 import Share from './Share';
 
 export default function ({ params: { id } }) {
-  if (!id) {
-    return null;
-  }
-
   return <Share shareId={id} />;
 }

src/app/sso/page.tsx

@@ -1,12 +1,14 @@
 'use client';
 import { useEffect } from 'react';
 import { Loading } from 'react-basics';
-import { useRouter } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 import { setClientAuthToken } from 'lib/client';
 
-export default function ({ params }) {
+export default function SSOPage() {
   const router = useRouter();
-  const { token, url } = params;
+  const search = useSearchParams();
+  const url = search.get('url');
+  const token = search.get('token');
 
   useEffect(() => {
     if (url && token) {