Disable vote-button on drag start

fyysikkokilta · Nov 21, 2024 · 065f5f9 · 065f5f9
1 parent 0c274e3
commit 065f5f9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/frontend/components/vote/Vote.tsx b/src/frontend/components/vote/Vote.tsx
@@ -26,6 +26,10 @@ export const Vote = () => {
   const [availableCandidates, setAvailableCandidates] = useState<string[]>([])
   const { t } = useTranslation('translation', { keyPrefix: 'voter.vote' })
 
+  const handleDragStart = () => {
+    setDisableVote(true)
+  }
+
   const handleDragEnd = (result: DropResult<string>) => {
     if (!result.destination) {
       return
@@ -82,6 +86,7 @@ export const Vote = () => {
       const [removed] = availableCandidates.splice(result.source.index, 1)
       availableCandidates.splice(destinationIndex, 0, removed)
     }
+    setDisableVote(false)
   }
 
   useEffect(() => {
@@ -175,7 +180,10 @@ export const Vote = () => {
             <div className="my-3">
               <b>{t('vote_instruction')}</b>
             </div>
-            <DragDropContext onDragEnd={handleDragEnd}>
+            <DragDropContext
+              onDragStart={handleDragStart}
+              onDragEnd={handleDragEnd}
+            >
               <Row>
                 <Col md={6}>
                   <h5>{t('selected_candidates')}</h5>

diff --git a/tests/utils/voter-voting.ts b/tests/utils/voter-voting.ts
@@ -20,7 +20,6 @@ export const selectCandidate = async (page: Page, candidateName: string) => {
     }
   )
   await page.mouse.up()
-  await page.waitForTimeout(500)
 }
 
 export const deselectCandidate = async (page: Page, candidateName: string) => {
@@ -43,5 +42,4 @@ export const deselectCandidate = async (page: Page, candidateName: string) => {
     }
   )
   await page.mouse.up()
-  await page.waitForTimeout(500)
 }