fix: token form submission

Author: gregfromstl

apps/dashboard/src/@/api/universal-bridge/tokens.ts

@@ -1,5 +1,6 @@
 "use server";
 import { DASHBOARD_THIRDWEB_SECRET_KEY } from "@/constants/server-envs";
+import type { ProjectResponse } from "@thirdweb-dev/service-utils";
 import { getAuthToken } from "app/(app)/api/lib/getAuthToken";
 import { UB_BASE_URL } from "./constants";
 
@@ -40,8 +41,9 @@ export async function getUniversalBridgeTokens(props: {
 }
 
 export async function addUniversalBridgeTokenRoute(props: {
-  chainId?: number;
-  tokenAddress?: string;
+  chainId: number;
+  tokenAddress: string;
+  project: ProjectResponse;
 }) {
   const authToken = await getAuthToken();
   const url = new URL(`${UB_BASE_URL}/v1/tokens`);
@@ -51,6 +53,7 @@ export async function addUniversalBridgeTokenRoute(props: {
     headers: {
       "Content-Type": "application/json",
       Authorization: `Bearer ${authToken}`,
+      "x-client-id": props.project.publishableKey,
     } as Record<string, string>,
     body: JSON.stringify({
       chainId: props.chainId,

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/connect/universal-bridge/settings/page.tsx

@@ -58,7 +58,7 @@ export default async function Page(props: {
       />
 
       <div className="flex pt-5">
-        <RouteDiscovery />
+        <RouteDiscovery project={project} />
       </div>
     </div>
   );

apps/dashboard/src/components/pay/RouteDiscovery.tsx

@@ -11,6 +11,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
+import type { ProjectResponse } from "@thirdweb-dev/service-utils";
 import { NetworkSelectorButton } from "components/selects/NetworkSelectorButton";
 import {
   type RouteDiscoveryValidationSchema,
@@ -22,7 +23,7 @@ import { toast } from "sonner";
 
 const TRACKING_CATEGORY = "token_discovery";
 
-export const RouteDiscovery: React.FC = () => {
+export const RouteDiscovery = ({ project }: { project: ProjectResponse }) => {
   const form = useForm<RouteDiscoveryValidationSchema>({
     resolver: zodResolver(routeDiscoveryValidationSchema),
     defaultValues: {
@@ -31,10 +32,6 @@ export const RouteDiscovery: React.FC = () => {
     },
   });
 
-  const resetForm = () => {
-    form.reset();
-  };
-
   const trackEvent = useTrack();
 
   const submitDiscoveryMutation = useMutation({
@@ -46,6 +43,7 @@ export const RouteDiscovery: React.FC = () => {
       const result = await addUniversalBridgeTokenRoute({
         chainId: values.chainId,
         tokenAddress: values.tokenAddress,
+        project,
       });
 
       return result;
@@ -64,10 +62,6 @@ export const RouteDiscovery: React.FC = () => {
             toast.success("Token submitted successfully!", {
               description:
                 "Thank you for your submission. Contact support if your token doesn't appear after some time.",
-              action: {
-                label: "Submit Another token",
-                onClick: () => resetForm(),
-              },
             });
             trackEvent({
               category: TRACKING_CATEGORY,
@@ -83,10 +77,6 @@ export const RouteDiscovery: React.FC = () => {
             toast.error("Token submission failed!", {
               description:
                 "Please double check the network and token address. If issues persist, please reach out to our support team.",
-              action: {
-                label: "Try Again",
-                onClick: () => resetForm(),
-              },
             });
 
             // Get appropriate error message