From ec91010604b11b026df3a234cd47f72b034f632a Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 5 Apr 2019 15:45:44 +0200
Subject: [PATCH] show message to non-Web3 users

---
 .../molecules/AccountStatus/Popover.tsx       | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/client/src/components/molecules/AccountStatus/Popover.tsx b/client/src/components/molecules/AccountStatus/Popover.tsx
index c0af1bf..4dbfeee 100644
--- a/client/src/components/molecules/AccountStatus/Popover.tsx
+++ b/client/src/components/molecules/AccountStatus/Popover.tsx
@@ -7,7 +7,7 @@ export default class Popover extends PureComponent<{
     style: React.CSSProperties
 }> {
     public render() {
-        const { account, balance, network } = this.context
+        const { account, balance, network, isWeb3 } = this.context
         return (
             <div
                 className={styles.popover}
@@ -31,15 +31,22 @@ export default class Popover extends PureComponent<{
                     </div>
                 )}
 
-                <div className={styles.popoverInfoline}>
-                    {account ? (
-                        <span className={styles.address} title={account}>
-                            {account}
-                        </span>
-                    ) : (
-                        <em>No account selected</em>
-                    )}
-                </div>
+                {!isWeb3 ? (
+                    <div className={styles.popoverInfoline}>
+                        No Web3 detected. Use a browser with MetaMask installed
+                        to publish assets.
+                    </div>
+                ) : (
+                    <div className={styles.popoverInfoline}>
+                        {account ? (
+                            <span className={styles.address} title={account}>
+                                {account}
+                            </span>
+                        ) : (
+                            <em>No account selected</em>
+                        )}
+                    </div>
+                )}
 
                 <div className={styles.popoverInfoline}>
                     {network && network}