Swap reason and url fields in proposal voting form (#2599)

Part of #2550

Signed-off-by: fayi-da <[email protected]>

Author: fayi-da

apps/sv/frontend/src/components/governance/ProposalVoteForm.tsx

@@ -100,60 +100,60 @@ export const ProposalVoteForm: React.FC<ProposalVoteFormProps> = props => {
       >
         <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
           <form.Field
-            name="url"
+            name="reason"
             validators={{
               onChange: ({ value }) => {
-                const result = z
-                  .string()
-                  .optional()
-                  // URL is optional so we allow undefined or empty string here as it's the default value
-                  .refine(url => !url || url.trim() === '' || isValidUrl(url), {
-                    message: 'Invalid URL',
-                  })
-                  .safeParse(value);
+                const result = z.string().safeParse(value);
                 return result.success ? undefined : result.error.issues[0].message;
               },
             }}
             children={field => {
               return (
                 <TextField
-                  label="URL"
+                  label="Reason"
+                  multiline
+                  rows={4}
                   name={field.name}
                   value={field.state.value}
                   onBlur={field.handleBlur}
                   onChange={e => field.handleChange(e.target.value)}
                   error={!field.state.meta.isValid}
-                  helperText={
-                    <span data-testid="your-vote-url-helper-text">
-                      {field.state.meta.errors?.[0]}
-                    </span>
-                  }
-                  inputProps={{ 'data-testid': 'your-vote-url-input' }}
+                  helperText={field.state.meta.errors?.[0]}
+                  inputProps={{ 'data-testid': 'your-vote-reason-input' }}
                 />
               );
             }}
           />
           <form.Field
-            name="reason"
+            name="url"
             validators={{
               onChange: ({ value }) => {
-                const result = z.string().safeParse(value);
+                const result = z
+                  .string()
+                  .optional()
+                  // URL is optional so we allow undefined or empty string here as it's the default value
+                  .refine(url => !url || url.trim() === '' || isValidUrl(url), {
+                    message: 'Invalid URL',
+                  })
+                  .safeParse(value);
                 return result.success ? undefined : result.error.issues[0].message;
               },
             }}
             children={field => {
               return (
                 <TextField
-                  label="Reason"
-                  multiline
-                  rows={4}
+                  label="URL"
                   name={field.name}
                   value={field.state.value}
                   onBlur={field.handleBlur}
                   onChange={e => field.handleChange(e.target.value)}
                   error={!field.state.meta.isValid}
-                  helperText={field.state.meta.errors?.[0]}
-                  inputProps={{ 'data-testid': 'your-vote-reason-input' }}
+                  helperText={
+                    <span data-testid="your-vote-url-helper-text">
+                      {field.state.meta.errors?.[0]}
+                    </span>
+                  }
+                  inputProps={{ 'data-testid': 'your-vote-url-input' }}
                 />
               );
             }}