feat(SW-898): add pending ui text to signup button

components/Forms/Signup/index.tsx

@@ -37,6 +37,10 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
   const email = intl.formatMessage({ id: "Email address" })
   const phoneNumber = intl.formatMessage({ id: "Phone number" })
   const zipCode = intl.formatMessage({ id: "Zip code" })
+  const signupButtonText = intl.formatMessage({
+    id: "Sign up to Scandic Friends",
+  })
+  const signingUpPendingText = intl.formatMessage({ id: "Signing up..." })
 
   const signup = trpc.user.signup.useMutation({
     onSuccess: (data) => {
@@ -183,7 +187,7 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
               onClick={() => methods.trigger()}
               data-testid="trigger-validation"
             >
-              {intl.formatMessage({ id: "Sign up to Scandic Friends" })}
+              {signupButtonText}
             </Button>
           ) : (
             <Button
@@ -194,7 +198,9 @@ export default function SignupForm({ link, subtitle, title }: SignUpFormProps) {
               disabled={methods.formState.isSubmitting || signup.isPending}
               data-testid="submit"
             >
-              {intl.formatMessage({ id: "Sign up to Scandic Friends" })}
+              {methods.formState.isSubmitting || signup.isPending
+                ? signingUpPendingText
+                : signupButtonText}
             </Button>
           )}
         </form>