Expose signed transactions (polkadot-js#2203)

* sign offline WIP * signing transactions from extrinsics screen * signing tx from accounts screen * added translations * removed unnecessary value * removed console logs * removed unused import * used new signAsync method * fixed types * removed unused imports * added missing translations * code review changes * fixed signing with local account * added sign toggle * improvements for QR
cennznet · Feb 20, 2020 · 0e789cf · 0e789cf
1 parent c294dde
commit 0e789cf
Show file tree

Hide file tree

Showing 5 changed files with 304 additions and 145 deletions.
diff --git a/packages/react-components/src/ButtonCancel.tsx b/packages/react-components/src/ButtonCancel.tsx
@@ -10,11 +10,12 @@ import { useTranslation } from './translate';
 interface Props {
   className?: string;
   isDisabled?: boolean;
+  label?: string;
   onClick: () => void;
   tabIndex?: number;
 }
 
-export default function ButtonCancel ({ className, isDisabled, onClick, tabIndex }: Props): React.ReactElement<Props> {
+export default function ButtonCancel ({ className, isDisabled, label, onClick, tabIndex }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
 
   return (
@@ -23,7 +24,7 @@ export default function ButtonCancel ({ className, isDisabled, onClick, tabIndex
       icon='cancel'
       isDisabled={isDisabled}
       isNegative
-      label={t('Cancel')}
+      label={label || t('Cancel')}
       onClick={onClick}
       tabIndex={tabIndex}
     />

diff --git a/packages/react-components/src/Modal.tsx b/packages/react-components/src/Modal.tsx
@@ -19,7 +19,9 @@ interface ModalProps extends BareProps {
 }
 
 interface ActionsProps extends BareProps {
+  cancelLabel?: string;
   children: React.ReactNode;
+  withOr?: boolean;
   onCancel: () => void;
 }
 
@@ -42,12 +44,12 @@ function Modal (props: ModalProps): React.ReactElement<ModalProps> {
   );
 }
 
-function Actions ({ className, children, onCancel }: ActionsProps): React.ReactElement<ActionsProps> {
+function Actions ({ cancelLabel, className, children, withOr = true, onCancel }: ActionsProps): React.ReactElement<ActionsProps> {
   return (
     <SUIModal.Actions>
       <Button.Group className={className}>
-        <ButtonCancel onClick={onCancel} />
-        <Button.Or />
+        <ButtonCancel label={cancelLabel} onClick={onCancel} />
+        {withOr && <Button.Or />}
         {children}
       </Button.Group>
     </SUIModal.Actions>

diff --git a/packages/react-components/src/TxButton.tsx b/packages/react-components/src/TxButton.tsx
@@ -62,7 +62,7 @@ class TxButtonInner extends React.PureComponent<InnerProps> {
   }
 
   protected send = (): void => {
-    const { accountId, api, extrinsic: propsExtrinsic, isUnsigned, onClick, onFailed, onStart, onSuccess, onUpdate, params = [], queueExtrinsic, tx = '', withSpinner = false } = this.props;
+    const { accountId, api, extrinsic: propsExtrinsic, isUnsigned, onClick, onFailed, onStart, onSuccess, onUpdate, params = [], queueExtrinsic, tx = '', withSpinner = true } = this.props;
     let extrinsic: any;
 
     if (propsExtrinsic) {