Adding form reset + hiding submit after submission.

Author: Joe-Thirdweb

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

@@ -42,6 +42,12 @@ export const RouteDiscovery: React.FC = () => {
     },
   });
 
+  const resetForm = () => {
+    setIsSubmitSuccess(false);
+    setIsSubmitFailed(false);
+    form.reset();
+  };
+
   const trackEvent = useTrack();
 
   const submitDiscoveryMutation = useMutation({
@@ -121,6 +127,13 @@ export const RouteDiscovery: React.FC = () => {
         Thank you for your submission. If you still do not see your token listed
         after some time, please reach out to our team for support.
       </p>
+      <button
+        type="button"
+        onClick={resetForm}
+        className="rounded-md border border-green-500 bg-green-100 px-4 py-2 text-green-700 transition-colors hover:bg-green-200"
+      >
+        Submit Another Token
+      </button>
     </div>
   );
 
@@ -134,6 +147,13 @@ export const RouteDiscovery: React.FC = () => {
         Please double check the network and token address. If issues persist,
         please reach out to our support team.
       </p>
+      <button
+        type="button"
+        onClick={resetForm}
+        className="rounded-md border border-red-500 bg-red-100 px-4 py-2 text-red-700 transition-colors hover:bg-red-200"
+      >
+        Try Again
+      </button>
     </div>
   );
 
@@ -143,11 +163,17 @@ export const RouteDiscovery: React.FC = () => {
         <RouteDiscoveryCard
           bottomText=""
           errorText={form.getFieldState("tokenAddress").error?.message}
-          saveButton={{
-            type: "submit",
-            disabled: !form.formState.isDirty,
-            isPending: submitDiscoveryMutation.isPending,
-          }}
+          saveButton={
+            // Only show the submit button in the default state
+            !isSubmitSuccess && !isSubmitFail
+              ? {
+                  type: "submit",
+                  disabled: !form.formState.isDirty,
+                  isPending: submitDiscoveryMutation.isPending,
+                  variant: "primary",
+                }
+              : undefined // Hide the button when in success or error states
+          }
           noPermissionText={undefined}
         >
           <div>