bug fixes where email was not visible on the responses tab and pressing enter refreshes page

Author: anveshthakur

ui/src/components/app/SurveyResponsesPage.tsx

@@ -238,6 +238,7 @@ export function SurveyResponsesPage({
                       case SurveyQuestionType.ShortText:
                       case SurveyQuestionType.LongText:
                       case SurveyQuestionType.Date:
+                      case SurveyQuestionType.Email:
                         response = answer.answer.value as string
                         break
                       case SurveyQuestionType.MultipleChoice:

ui/src/components/app/survey/SurveyQuestions.tsx

@@ -185,13 +185,13 @@ export default function SurveyQuestions({
         />
       )
       break
-    case SurveyQuestionType.EmailText:
+    case SurveyQuestionType.Email:
       questionContent = (
         <TextInput
           defaultValue={selectedStringValue || ''}
           placeholder="Type your email here..."
           required
-          type='email'
+          type="email"
           onChange={(e) => {
             const newValue = e.target.value === '' ? undefined : e.target.value
             setSelectedStringValue(newValue)
@@ -327,7 +327,7 @@ export default function SurveyQuestions({
       case SurveyQuestionType.SingleChoice:
       case SurveyQuestionType.ShortText:
       case SurveyQuestionType.LongText:
-      case SurveyQuestionType.EmailText:
+      case SurveyQuestionType.Email:
       case SurveyQuestionType.Date:
         payload = {
           value: selectedStringValue,
@@ -437,7 +437,11 @@ export default function SurveyQuestions({
           {currentQuestion.description && (
             <p className="caption">{currentQuestion.description}</p>
           )}
-          <form className="form">{questionContent}</form>
+          <form className="form" onSubmit={async (e) => {
+            e.preventDefault()
+            await submitAnswer()
+          }}>
+            {questionContent}</form>
           <div className="w-full flex justify-center mt-8">
             <Button
               className="next-question"

ui/src/lib/types.ts

@@ -68,7 +68,7 @@ export enum SurveyQuestionType {
   Rating = 'rating',
   Ranking = 'ranking',
   YesNo = 'yes-no',
-  EmailText = 'email'
+  Email = 'email',
 }
 
 export enum SurveySessionStatus {