Disbale form submit after already submitted

src/client/components/InteractiveForm/RenderSurvey.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react'
 import { Box, Button } from '@mui/material'
 import { useTranslation } from 'react-i18next'
-
 import { InputProps } from '../../types'
 import SelectFaculty from './SelectFaculty'
 import RenderQuestions from './RenderQuestions'
@@ -15,6 +14,7 @@ const RenderSurvey = ({
 }: InputProps) => {
   const { t, i18n } = useTranslation()
   const classes = styles.cardStyles
+  const [disableForm, setDisableForm] = useState(false)
   const [showQuestions, setShowQuestions] = useState(false)
 
   if (!questions) return null
@@ -37,6 +37,11 @@ const RenderSurvey = ({
     return isFacultySelected && isAnyDimensionsSelected
   }
 
+  const submitFormData = (data: any) => {
+    setDisableForm(true)
+    handleSubmit(data)
+  }
+
   return (
     <Box sx={{ mx: 2, maxWidth: 1080, border: 1, borderColor: 'grey.300' }}>
       <SelectFaculty control={control} />
@@ -77,7 +82,11 @@ const RenderSurvey = ({
               {t('openForm')}
             </Button>
           ) : (
-            <Button data-cy="submit-form-button" onClick={handleSubmit}>
+            <Button
+              data-cy="submit-form-button"
+              disabled={disableForm}
+              onClick={submitFormData}
+            >
               {t('submit')}
             </Button>
           )}