Move /connect/in-app-wallets to app router

thirdweb-dev · Oct 2, 2024 · d2d37d1 · d2d37d1
1 parent f95fa52
commit d2d37d1
Showing 1 changed file with 9 additions and 26 deletions.
diff --git a/...ages/dashboard/connect/in-app-wallets.tsx → ...dashboard/connect/in-app-wallets/page.tsx b/...ages/dashboard/connect/in-app-wallets.tsx → ...dashboard/connect/in-app-wallets/page.tsx
@@ -1,25 +1,22 @@
+"use client";
+
 import { Spinner } from "@/components/ui/Spinner/Spinner";
 import { TrackedLinkTW } from "@/components/ui/tracked-link";
 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 { EmbeddedWallets } from "components/embedded-wallets";
 import { ApiKeysMenu } from "components/settings/ApiKeys/Menu";
 import { NoApiKeys } from "components/settings/ApiKeys/NoApiKeys";
-// import { ConnectSidebar } from "core-ui/sidebar/connect";
-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 { AnalyticsCallout } from "../../../app/team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/AnalyticsCallout";
-import { InAppWaletFooterSection } from "../../../app/team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/footer";
+import { AnalyticsCallout } from "../../../../team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/AnalyticsCallout";
+import { InAppWaletFooterSection } from "../../../../team/[team_slug]/[project_slug]/connect/in-app-wallets/_components/footer";
 
 const TRACKING_CATEGORY = "embedded-wallet";
 
-const DashboardConnectEmbeddedWallets: ThirdwebNextPage = () => {
-  const router = useRouter();
-  const defaultClientId = router.query.clientId?.toString();
+export default function Page() {
+  const searchParams = useSearchParams();
+  const defaultClientId = searchParams?.get("clientId");
   const { isPending } = useLoggedInUser();
   const keysQuery = useApiKeys();
 
@@ -120,18 +117,4 @@ const DashboardConnectEmbeddedWallets: ThirdwebNextPage = () => {
       <InAppWaletFooterSection trackingCategory={TRACKING_CATEGORY} />
     </div>
   );
-};
-
-DashboardConnectEmbeddedWallets.getLayout = (page, props) => (
-  <AppLayout
-    {...props}
-    pageContainerClassName="!max-w-full !px-0"
-    mainClassName="!pt-0"
-  >
-    <ConnectSidebarLayout>{page}</ConnectSidebarLayout>
-  </AppLayout>
-);
-
-DashboardConnectEmbeddedWallets.pageId = PageId.DashboardConnectEmbeddedWallets;
-
-export default DashboardConnectEmbeddedWallets;
+}