Merge pull request #516 from provenance-io/aj/add-ids-for-tracking

Add ids to governance buttons for event tracking
provenance-io · Jul 12, 2023 · 8d833a4 · 8d833a4
2 parents e151d95 + e9f44fc
commit 8d833a4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/Components/Button/Button.tsx b/src/Components/Button/Button.tsx
@@ -9,6 +9,7 @@ interface ButtonProps {
   iconSize?: string;
   iconColor?: string;
   iconOptions?: object; // see Components/Sprite for available options
+  id?: string;
   onClick?: (arg?: any) => void;
   children: React.ReactNode;
   disabled?: boolean;
@@ -58,12 +59,14 @@ const Button = ({
   iconSize = '2.2rem',
   iconColor = 'ICON_WHITE',
   iconOptions,
+  id,
   onClick = (arg?: any) => {},
   children,
   disabled = false,
   type,
 }: ButtonProps) => (
   <StyledButton
+    id={id}
     className={className}
     onClick={onClick}
     color={color.toUpperCase()}

diff --git a/src/redux/hooks/useProposal.tsx b/src/redux/hooks/useProposal.tsx
@@ -70,7 +70,9 @@ export const useProposal = () => {
 
   const ManageProposalBtn = () =>
     !isLoggedIn ? null : (
-      <Button onClick={() => handleManageProposalClick()}>Submit New Proposal</Button>
+      <Button id="gov-create" onClick={() => handleManageProposalClick()}>
+        Submit New Proposal
+      </Button>
     );
 
   return {

diff --git a/src/redux/hooks/useVoting.tsx b/src/redux/hooks/useVoting.tsx
@@ -58,7 +58,11 @@ export const useVoting = () => {
   };
 
   const ManageVotingBtn = ({ title }: { title: string }) =>
-    !isLoggedIn ? null : <Button onClick={() => handleManageVotingClick()}>Vote on {title}</Button>;
+    !isLoggedIn ? null : (
+      <Button id="gov-voting" onClick={handleManageVotingClick}>
+        Vote on {title}
+      </Button>
+    );
 
   ManageVotingBtn.propTypes = {
     title: PropTypes.string.isRequired,