Jarryd/242/buttons for governance txs

CHANGELOG.md

@@ -11,6 +11,7 @@
 ### Features
 - Add message type gas statistics #260
 - Add calls to getAssetMetadata where explicitly needed #283
+- Add buttons for governance voting #242
 
 ## 2.6.0
 

package.json

@@ -11,7 +11,7 @@
   "private": false,
   "sideEffects": false,
   "dependencies": {
-    "@provenanceio/wallet-lib": "0.14.0",
+    "@provenanceio/wallet-lib": "2.1.0",
     "axios": "0.21.2",
     "bech32": "2.0.0",
     "big.js": "6.1.1",

src/Components/Modal/Modal.js → src/Components/Modal/Modal.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import styled, { useTheme } from 'styled-components';
+// @ts-ignore
 import useOnEscape from 'react-tiny-hooks/use-on-escape';
 import { breakpoints } from 'consts';
 import OgSprite from 'Components/Sprite';
 
-const Wrapper = styled.div`
+const Wrapper = styled.div<{ isOpen: boolean}>`
   display: ${({ isOpen }) => (isOpen ? 'flex' : 'none')};
   position: fixed;
   top: 0;
@@ -63,7 +63,13 @@ const Body = styled.div`
   flex: 1 1 auto;
 `;
 
-const Modal = React.memo(({ children, isOpen, onClose }) => {
+interface ModalProps {
+  children: React.ReactElement;
+  isOpen?: boolean;
+  onClose: () => void;
+}
+
+const Modal = React.memo(({ children, isOpen = false, onClose }: ModalProps) => {
   const theme = useTheme();
   useOnEscape(onClose);
 
@@ -80,14 +86,4 @@ const Modal = React.memo(({ children, isOpen, onClose }) => {
   );
 });
 
-Modal.propTypes = {
-  children: PropTypes.any.isRequired,
-  isOpen: PropTypes.bool,
-  onClose: PropTypes.func.isRequired,
-};
-
-Modal.defaultProps = {
-  isOpen: false,
-};
-
 export default Modal;

src/Components/Sprite/Sprite.tsx

@@ -17,6 +17,7 @@ interface SpriteTypes extends SvgProps {
   height?: string;
   icon: string;
   width?: string;
+  onClick?: () => void;
 }
 
 const Svg =
@@ -39,6 +40,7 @@ const Sprite = ({
   secondaryColor = 'WHITE',
   size = '100%',
   spin = 0,
+  onClick,
   ...svgIcons
 }: SpriteTypes) => {
 
@@ -59,6 +61,7 @@ const Sprite = ({
       size={size}
       spin={spin}
       secondaryColor={secondaryColorValue}
+      onClick={onClick}
     >
       <use href={`#${icon}`} />
     </Svg>

src/Pages/Accounts/Components/AccountButtons/Components/AccountUnbondings.js

@@ -56,7 +56,9 @@ const AccountUnbondings = () => {
     { displayName: 'End Time', dataName: 'endTime' },
   ];
 
-  const totalAmount = formatDenom(rAmount + uAmount, uDenom, { decimal: 2 });
+  const totalAmount = formatDenom(parseFloat(rAmount) + parseFloat(uAmount), uDenom, {
+    decimal: 2,
+  });
 
   return (
     <ButtonWrapper>