From cc2f442245dccfbf7d17d1d21f8eb3fd5bb109be Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Wed, 28 Aug 2019 13:11:00 +0200
Subject: [PATCH] Input Uknown types as hex (underlying) (#1551)

---
 packages/react-params/src/Param/BaseBytes.tsx | 7 +++++--
 packages/react-params/src/Param/Unknown.tsx   | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/react-params/src/Param/BaseBytes.tsx b/packages/react-params/src/Param/BaseBytes.tsx
index edfb9c982a..fe8d9b94e2 100644
--- a/packages/react-params/src/Param/BaseBytes.tsx
+++ b/packages/react-params/src/Param/BaseBytes.tsx
@@ -12,6 +12,7 @@ import { hexToU8a, isHex, u8aToHex } from '@polkadot/util';
 import Bare from './Bare';
 
 interface Props extends BaseProps {
+  asHex?: boolean;
   children?: React.ReactNode;
   length?: number;
   size?: Size;
@@ -59,7 +60,7 @@ export default class BaseBytes extends React.PureComponent<Props> {
   }
 
   private onChange = (hex: string): void => {
-    const { length = -1, onChange, validate = defaultValidate, withLength } = this.props;
+    const { asHex, length = -1, onChange, validate = defaultValidate, withLength } = this.props;
 
     let value: Uint8Array;
     let isValid = true;
@@ -83,7 +84,9 @@ export default class BaseBytes extends React.PureComponent<Props> {
 
     onChange && onChange({
       isValid,
-      value
+      value: asHex
+        ? u8aToHex(value)
+        : value
     });
   }
 }
diff --git a/packages/react-params/src/Param/Unknown.tsx b/packages/react-params/src/Param/Unknown.tsx
index 42fa2f0382..be839a4df7 100644
--- a/packages/react-params/src/Param/Unknown.tsx
+++ b/packages/react-params/src/Param/Unknown.tsx
@@ -24,6 +24,7 @@ export default class Unknown extends React.PureComponent<Props> {
 
     return (
       <BaseBytes
+        asHex
         className={className}
         defaultValue={defaultValue}
         isDisabled={isDisabled}