prevent multiple button click

pages/poll/create.tsx

@@ -32,6 +32,7 @@ const Create = (): JSX.Element => {
   const [pollTitle, setTitle] = useState<string>("");
   const [pollDescription, setDescription] = useState<string>("");
   const [pollChoices, setChoices] = useState<Choice[]>();
+  const [disabled, setDisabled] = useState<boolean>(false);
   const loggedInUserEmailID = useSelector(
     (state: RootState) => state.authReducer.username
   );
@@ -70,6 +71,7 @@ const Create = (): JSX.Element => {
   ): Promise<void> => {
     e.preventDefault();
     if (pollTitle && pollChoices && pollChoices?.length > 1) {
+      setDisabled(true);
       const encryptedEmailID = encrypt(loggedInUserEmailID);
       const poll: RocketMeetPoll = {
         title: pollTitle,
@@ -143,7 +145,12 @@ const Create = (): JSX.Element => {
               <Button
                 className="rm-primary-button create-poll-btn"
                 onClick={handleSubmit}
-                disabled={!pollTitle || !pollChoices || pollChoices?.length < 2}
+                disabled={
+                  !pollTitle ||
+                  !pollChoices ||
+                  pollChoices?.length < 2 ||
+                  disabled
+                }
               >
                 Create Poll
               </Button>

src/components/SubmitChoices.tsx

@@ -16,11 +16,13 @@ const SubmitChoices = (props: {
     type: "",
     msg: "",
   });
+  const [disabled, setDisabled] = useState<boolean>(false);
 
   const handleSubmit = async (
     e: React.MouseEvent<HTMLInputElement>
   ): Promise<void> => {
     e.preventDefault();
+    setDisabled(true);
     const voterArgs = {
       newVote,
       pollid,
@@ -42,7 +44,7 @@ const SubmitChoices = (props: {
       <Button
         className="rm-primary-button-small mark-options-btn"
         type="submit"
-        disabled={!newVote.name || newVote.choices.length === 0}
+        disabled={!newVote.name || newVote.choices.length === 0 || disabled}
         onClick={handleSubmit}
       >
         Mark your availability

src/components/SubmitFinalChoice.tsx

@@ -18,13 +18,15 @@ const SubmitFinalChoice = (props: {
     type: "",
     msg: "",
   });
+  const [disabled, setDisabled] = useState<boolean>(false);
 
   const token = useSelector((state: RootState) => state.authReducer.token);
 
   const handleSubmit = async (
     e: React.MouseEvent<HTMLInputElement>
   ): Promise<void> => {
     e.preventDefault();
+    setDisabled(true);
     const markFinalChoice = {
       finalChoice,
       open: false,
@@ -53,7 +55,7 @@ const SubmitFinalChoice = (props: {
       <Button
         className="rm-primary-button-small mark-options-btn"
         type="submit"
-        disabled={!finalChoice}
+        disabled={!finalChoice || disabled}
         onClick={handleSubmit}
       >
         Mark final option

src/components/shareinvite.tsx

@@ -98,6 +98,7 @@ const Invitation = (props: {
   /* added void below( remove this comment at last PR) */
   const handleSubmit = async (): Promise<void> => {
     /* console.log(emailList); which is also to be removed */
+
     const mailerArgs: MailerPollArgs = {
       pollID: pollid,
       pollTitle: polltitle,