Move /connect/analytics to app router

Author: MananTank

apps/dashboard/src/pages/dashboard/connect/analytics.tsx renamed to apps/dashboard/src/app/(dashboard)/dashboard/connect/analytics/page.tsx

@@ -1,21 +1,19 @@
+"use client";
+
 import { Spinner } from "@/components/ui/Spinner/Spinner";
 import { Button } from "@/components/ui/button";
 import { type ApiKey, useApiKeys } from "@3rdweb-sdk/react/hooks/useApi";
 import { useLoggedInUser } from "@3rdweb-sdk/react/hooks/useLoggedInUser";
-import { AppLayout } from "components/app-layouts/app";
 import { ApiKeysMenu } from "components/settings/ApiKeys/Menu";
 import Link from "next/link";
-import { useRouter } from "next/router";
-import { PageId } from "page-id";
+import { useSearchParams } from "next/navigation";
 import { useMemo, useState } from "react";
-import type { ThirdwebNextPage } from "utils/types";
-import { ConnectSidebarLayout } from "../../../app/(dashboard)/dashboard/connect/DashboardConnectLayout";
-import { ConnectAnalyticsDashboard } from "../../../app/team/[team_slug]/[project_slug]/connect/analytics/ConnectAnalyticsDashboard";
-import { ConnectSDKCard } from "../../../components/shared/ConnectSDKCard";
+import { ConnectSDKCard } from "../../../../../components/shared/ConnectSDKCard";
+import { ConnectAnalyticsDashboard } from "../../../../team/[team_slug]/[project_slug]/connect/analytics/ConnectAnalyticsDashboard";
 
-const DashboardConnectAnalytics: ThirdwebNextPage = () => {
-  const router = useRouter();
-  const defaultClientId = router.query.clientId?.toString();
+export default function Page() {
+  const searchParams = useSearchParams();
+  const defaultClientId = searchParams?.get("clientId");
   const loggedInUser = useLoggedInUser();
   const keysQuery = useApiKeys();
   const [selectedKey_, setSelectedKey] = useState<undefined | ApiKey>();
@@ -84,7 +82,7 @@ const DashboardConnectAnalytics: ThirdwebNextPage = () => {
       <ConnectSDKCard description="Add the Connect SDK to your app to start collecting analytics." />
     </div>
   );
-};
+}
 
 function NoAPIFoundCard() {
   return (
@@ -99,17 +97,3 @@ function NoAPIFoundCard() {
     </div>
   );
 }
-
-DashboardConnectAnalytics.getLayout = (page, props) => (
-  <AppLayout
-    {...props}
-    pageContainerClassName="!max-w-full !px-0"
-    mainClassName="!pt-0"
-  >
-    <ConnectSidebarLayout>{page}</ConnectSidebarLayout>
-  </AppLayout>
-);
-
-DashboardConnectAnalytics.pageId = PageId.DashboardConnectAnalytics;
-
-export default DashboardConnectAnalytics;