refactor: switch CollectionVoteButton to JSX

DataBiosphere · Jan 17, 2024 · c2d1c3a · c2d1c3a
1 parent b96f469
commit c2d1c3a
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/src/components/collection_vote_box/CollectionVoteButton.js b/src/components/collection_vote_box/CollectionVoteButton.js
@@ -1,6 +1,6 @@
-import {useCallback, useEffect, useState} from 'react';
-import {button} from 'react-hyperscript-helpers';
-import {votingColors} from '../../pages/dar_collection_review/MultiDatasetVotingTab';
+import React from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import { votingColors } from '../../pages/dar_collection_review/MultiDatasetVotingTab';
 
 const styles = {
   baseStyle: {
@@ -41,11 +41,15 @@ export default function CollectionVoteButton(props) {
     });
   };
 
-  return button({
-    datacy,
-    style: Object.assign({}, styles.baseStyle, additionalStyle),
-    onClick: () => !disabled && onClick(),
-    onMouseEnter: () => !disabled && selectedButtonStyle(),
-    onMouseLeave: () => !disabled && !isSelected && defaultButtonStyle(),
-  }, [label]);
+  return (
+    <button
+      data-cy={datacy}
+      style={{ ...styles.baseStyle, ...additionalStyle }}
+      onClick={() => !disabled && onClick()}
+      onMouseEnter={() => !disabled && selectedButtonStyle()}
+      onMouseLeave={() => !disabled && !isSelected && defaultButtonStyle()}
+    >
+      {label}
+    </button>
+  );
 }