From 60ec392a8a7cf91a7f0a394d2286e8584ee0b017 Mon Sep 17 00:00:00 2001
From: Peerchemist <dx.1178@gmail.com>
Date: Sat, 25 May 2019 10:54:22 +0200
Subject: [PATCH] trim WIF to make sure extra spaces don't cause errors

---
 src/components/RegisterPopup/RegisterPopup.tsx | 4 ++--
 src/services/Perpera.ts                        | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/RegisterPopup/RegisterPopup.tsx b/src/components/RegisterPopup/RegisterPopup.tsx
index 1b0743b..32e8c51 100644
--- a/src/components/RegisterPopup/RegisterPopup.tsx
+++ b/src/components/RegisterPopup/RegisterPopup.tsx
@@ -145,14 +145,14 @@ class RegisterPopup extends React.Component<{}, IState> {
 
             {!this.state.fee && <form className="form" onSubmit={this.handleFee}>
               <label>Insert your WIF:</label>
-              <textarea className="form-field" autoCorrect="false" placeholder="Type WIF here..." value={this.state.wif} onChange={this.handleWIF} />
+              <textarea className="form-field" autoCorrect="false" placeholder="Type WIF here..." value={this.state.wif.trim()} onChange={this.handleWIF} />
               {this.state.errorMsg && <div className="error-msg">{this.state.errorMsg}</div>}
               <button className="form-submit" disabled={this.state.isLoading || this.state.isSuccess}>Calculate Fee</button>
             </form>}
 
             {this.state.fee && <form className="form" onSubmit={this.handleForm}>
               <label>Insert your WIF:</label>
-              <textarea className="form-field" autoCorrect="false" placeholder="Type WIF here..." value={this.state.wif} onChange={this.handleWIF} />
+              <textarea className="form-field" autoCorrect="false" placeholder="Type WIF here..." value={this.state.wif.trim()} onChange={this.handleWIF} />
               {this.state.errorMsg && <div className="error-msg">{this.state.errorMsg}</div>}
               <button className="form-submit" disabled={this.state.isLoading || this.state.isSuccess}>{this.state.originalHash ? 'Update' : 'Register'} Document</button>
             </form>}
diff --git a/src/services/Perpera.ts b/src/services/Perpera.ts
index 7687758..0be252f 100644
--- a/src/services/Perpera.ts
+++ b/src/services/Perpera.ts
@@ -13,21 +13,21 @@ export default class PerperaService {
 
   public async setDocument(hash: string, wif: string) {
     const doc = new this.perpera.Document(hash, this.network);
-    const spender = this.perpera.Spender.fromWIF(wif, this.network);
+    const spender = this.perpera.Spender.fromWIF(wif.trim(), this.network);
     await spender.sync();
     return await doc.updateContent({'sha2-256': hash}, spender);
   }
 
   public async updateDocument(originalHash: string, hash: string, wif: string) {
     const doc = new this.perpera.Document(hash, this.network);
-    const spender = this.perpera.Spender.fromWIF(wif, this.network);
+    const spender = this.perpera.Spender.fromWIF(wif.trim(), this.network);
     await spender.sync();
     return await doc.updateContent({'sha2-256': hash}, spender);
   }
 
   public async getFee(hash: string, wif: string) {
     const doc = new this.perpera.Document(hash, this.network);
-    const spender = this.perpera.Spender.fromWIF(wif, this.network);
+    const spender = this.perpera.Spender.fromWIF(wif.trim(), this.network);
     await spender.sync();
     const update = await doc.considerUpdatingContent({'sha2-256': hash}, spender);
     return {