chore: update dashboard

Author: ElasticBottle

apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/[slug]/(active)/configuration/components/client/auth-options-form.client.tsx

@@ -23,16 +23,10 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { Switch } from "@/components/ui/switch";
 import { cn } from "@/lib/utils";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { NetworkSelectorButton } from "components/selects/NetworkSelectorButton";
 import { PlusIcon } from "lucide-react";
 import { useFieldArray, useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { isAddress } from "thirdweb";
-import { getCachedChain } from "thirdweb/dist/types/chains/utils";
-import {
-  useActiveWalletChain,
-  useSwitchActiveWalletChain,
-} from "thirdweb/react";
 import { getSocialIcon } from "thirdweb/wallets/in-app";
 import {
   DEFAULT_ACCOUNT_FACTORY_V0_6,
@@ -50,6 +44,7 @@ type AuthOptionsFormData = {
   customHeaders: { key: string; value: string }[];
   useSmartAccount: boolean;
   sponsorGas: boolean;
+  defaultChainId: number;
   accountFactoryType: "v0.6" | "v0.7" | "custom";
   customAccountFactoryAddress: string;
 };
@@ -63,6 +58,7 @@ export function AuthOptionsForm({ ecosystem }: { ecosystem: Ecosystem }) {
       customHeaders: ecosystem.customAuthOptions?.authEndpoint?.headers || [],
       useSmartAccount: !!ecosystem.smartAccountOptions,
       sponsorGas: ecosystem.smartAccountOptions?.sponsorGas || false,
+      defaultChainId: ecosystem.smartAccountOptions?.defaultChainId,
       accountFactoryType:
         ecosystem.smartAccountOptions?.accountFactoryAddress ===
         DEFAULT_ACCOUNT_FACTORY_V0_7
@@ -90,6 +86,9 @@ export function AuthOptionsForm({ ecosystem }: { ecosystem: Ecosystem }) {
             .optional(),
           useSmartAccount: z.boolean(),
           sponsorGas: z.boolean(),
+          defaultChainId: z.coerce.number({
+            invalid_type_error: "Please enter a valid chain ID",
+          }),
           accountFactoryType: z.enum(["v0.6", "v0.7", "custom"]),
           customAccountFactoryAddress: z.string().optional(),
         })
@@ -139,17 +138,6 @@ export function AuthOptionsForm({ ecosystem }: { ecosystem: Ecosystem }) {
     },
   });
 
-  const switchChain = useSwitchActiveWalletChain();
-  const currentChain = useActiveWalletChain();
-  if (
-    ecosystem.smartAccountOptions?.defaultChainId &&
-    currentChain &&
-    currentChain.id !== ecosystem.smartAccountOptions?.defaultChainId
-  ) {
-    const chainId = ecosystem.smartAccountOptions?.defaultChainId;
-    switchChain(getCachedChain(chainId));
-  }
-
   const onSubmit = (data: AuthOptionsFormData) => {
     let customAuthOptions: Ecosystem["customAuthOptions"] | null = null;
     if (data.useCustomAuth && data.customAuthEndpoint) {
@@ -187,14 +175,8 @@ export function AuthOptionsForm({ ecosystem }: { ecosystem: Ecosystem }) {
           break;
       }
 
-      if (!currentChain?.id) {
-        toast.error("Please select a default chain ID");
-        return;
-      }
       smartAccountOptions = {
-        defaultChainId: currentChain?.id,
-        chainIds: [], // TODO: remove once backend is updated
-
+        defaultChainId: data.defaultChainId,
         sponsorGas: data.sponsorGas,
         accountFactoryAddress,
       };
@@ -451,26 +433,33 @@ export function AuthOptionsForm({ ecosystem }: { ecosystem: Ecosystem }) {
                   </FormItem>
                 )}
               />
+              <FormField
+                control={form.control}
+                name="defaultChainId"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Default Chain ID</FormLabel>
+                    <FormControl>
+                      <Input {...field} placeholder="1" />
+                    </FormControl>
+                    <FormDescription>
+                      This will be the chain ID the smart account will be
+                      initialized to on your{" "}
+                      <a
+                        href={`https://${ecosystem.slug}.ecosystem.thirdweb.com`}
+                        className="text-link-foreground"
+                        target="_blank"
+                        rel="noreferrer"
+                      >
+                        ecosystem page
+                      </a>
+                      .
+                    </FormDescription>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
 
-              <FormItem>
-                <FormLabel>Default Chain ID</FormLabel>
-                <FormControl>
-                  <NetworkSelectorButton />
-                </FormControl>
-                <FormDescription>
-                  This will be the chain ID the smart account will be
-                  initialized to on your{" "}
-                  <a
-                    href={`https://${ecosystem.slug}.ecosystem.thirdweb.com`}
-                    className="text-link-foreground"
-                    target="_blank"
-                    rel="noreferrer"
-                  >
-                    ecosystem page
-                  </a>
-                  .
-                </FormDescription>
-              </FormItem>
               <FormField
                 control={form.control}
                 name="accountFactoryType"

apps/dashboard/src/app/team/[team_slug]/(team)/~/ecosystem/types.ts

@@ -37,7 +37,6 @@ export type Ecosystem = {
   } | null;
   smartAccountOptions?: {
     defaultChainId: number;
-    chainIds: number[]; //todo ecosystem: remove this
     sponsorGas: boolean;
     accountFactoryAddress: string;
   } | null;