From 590b4a3fdd37c0062f4fa472afdfc27fa4f6ab1e Mon Sep 17 00:00:00 2001
From: Richard Ramos <info@richardramos.me>
Date: Thu, 6 Dec 2018 08:48:27 -0400
Subject: [PATCH] Hide no tokens available screen while balances are loaded -
 Fixes #49

---
 app/components/flow/create/PollCreationCredits.js | 2 ++
 app/images/trash-icon.svg                         | 3 +++
 app/images/x-close.svg                            | 3 +++
 3 files changed, 8 insertions(+)
 create mode 100644 app/images/trash-icon.svg
 create mode 100644 app/images/x-close.svg

diff --git a/app/components/flow/create/PollCreationCredits.js b/app/components/flow/create/PollCreationCredits.js
index fffac86..d4a9401 100644
--- a/app/components/flow/create/PollCreationCredits.js
+++ b/app/components/flow/create/PollCreationCredits.js
@@ -76,6 +76,8 @@ class PollCreationCredits extends Component {
     // TODO: use decimals
     let tokenBalance = this.state.tokenBalance != "-" ? Math.floor(web3.utils.fromWei(this.state.tokenBalance, "ether")) : "-";
 
+    if(this.state.tokenBalance === "-") return null;
+
     return <Fragment><div className="section">
         <Typography variant="headline">Create a Poll</Typography>
       <Card className="card credits"  onClick={this.redirectToConnect}>
diff --git a/app/images/trash-icon.svg b/app/images/trash-icon.svg
new file mode 100644
index 0000000..a5a81e6
--- /dev/null
+++ b/app/images/trash-icon.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.59141 2.75746C6.7027 2.3123 7.10268 2 7.56155 2H10.4384C10.8973 2 11.2973 2.3123 11.4086 2.75746L11.7192 4H6.28078L6.59141 2.75746ZM4.97909 6C4.99357 6.00032 5.00802 6.00031 5.02242 6H12.9776C12.992 6.00031 13.0064 6.00032 13.0209 6H17C17.5523 6 18 5.55228 18 5C18 4.44772 17.5523 4 17 4H13.7808L13.3489 2.27239C13.015 0.936892 11.8151 0 10.4384 0H7.56155C6.18495 0 4.985 0.936891 4.65113 2.27239L4.21922 4H1C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6H4.97909ZM2.9005 8.00496C3.45004 7.95001 3.94008 8.35095 3.99504 8.9005L4.81494 17.0995C4.86606 17.6107 5.29622 18 5.80998 18H12.19C12.7038 18 13.1339 17.6107 13.1851 17.0995L14.005 8.9005C14.0599 8.35095 14.55 7.95001 15.0995 8.00496C15.649 8.05992 16.05 8.54996 15.995 9.0995L15.1751 17.2985C15.0218 18.8321 13.7313 20 12.19 20H5.80998C4.26872 20 2.97822 18.8321 2.82486 17.2985L2.00496 9.0995C1.95001 8.54996 2.35095 8.05992 2.9005 8.00496Z" fill="black"/>
+</svg>
diff --git a/app/images/x-close.svg b/app/images/x-close.svg
new file mode 100644
index 0000000..100bd4a
--- /dev/null
+++ b/app/images/x-close.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.57404L1.72275 0.296796C1.32616 -0.0997918 0.689941 -0.0975927 0.296174 0.296174C-0.100338 0.692686 -0.0973145 1.32864 0.296796 1.72275L4.57404 6L0.296796 10.2772C-0.0997918 10.6738 -0.0975927 11.3101 0.296174 11.7038C0.692686 12.1003 1.32864 12.0973 1.72275 11.7032L6 7.42596L10.2772 11.7032C10.6738 12.0998 11.3101 12.0976 11.7038 11.7038C12.1003 11.3073 12.0973 10.6714 11.7032 10.2772L7.42596 6L11.7032 1.72275C12.0998 1.32616 12.0976 0.689941 11.7038 0.296174C11.3073 -0.100338 10.6714 -0.0973145 10.2772 0.296796L6 4.57404Z" fill="black"/>
+</svg>