From 18267a1a18bc2df543f45d38646eda0db08d805d Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 8 Apr 2019 19:46:53 +0200
Subject: [PATCH] simplify consume buttons logic

---
 client/src/routes/Details/AssetFile.tsx | 47 +++++++++----------------
 1 file changed, 17 insertions(+), 30 deletions(-)

diff --git a/client/src/routes/Details/AssetFile.tsx b/client/src/routes/Details/AssetFile.tsx
index f6d4c9a..0c0164a 100644
--- a/client/src/routes/Details/AssetFile.tsx
+++ b/client/src/routes/Details/AssetFile.tsx
@@ -39,7 +39,7 @@ export default class AssetFile extends PureComponent<
         })
 
         const { ocean } = this.context
-        
+
         try {
             const accounts = await ocean.accounts.list()
             const service = ddo.findServiceByType('Access')
@@ -75,6 +75,8 @@ export default class AssetFile extends PureComponent<
 
     public render() {
         const { ddo, file } = this.props
+        const { isLoading, message, error } = this.state
+        const { isLogged, startLogin } = this.context
 
         return (
             <div className={styles.fileWrap}>
@@ -89,39 +91,24 @@ export default class AssetFile extends PureComponent<
                     {/* <li>{file.compression}</li> */}
                 </ul>
 
-                {this.state.isLoading ? (
-                    <Spinner message={this.state.message} />
+                {isLoading ? (
+                    <Spinner message={message} />
                 ) : (
-                    <User.Consumer>
-                        {states =>
-                            states.isLogged ? (
-                                <Button
-                                    primary
-                                    className={styles.buttonMain}
-                                    onClick={() =>
-                                        this.purchaseAsset(ddo, file.index)
-                                    }
-                                >
-                                    Get file
-                                </Button>
-                            ) : (
-                                states.isWeb3 && (
-                                    <Button
-                                        primary
-                                        className={styles.buttonMain}
-                                        onClick={states.startLogin}
-                                    >
-                                        Get file
-                                    </Button>
-                                )
-                            )
+                    <Button
+                        primary
+                        className={styles.buttonMain}
+                        onClick={
+                            isLogged
+                                ? () => this.purchaseAsset(ddo, file.index)
+                                : startLogin
                         }
-                    </User.Consumer>
+                        disabled={!isLogged}
+                    >
+                        Get file
+                    </Button>
                 )}
 
-                {this.state.error !== '' && (
-                    <div className={styles.error}>{this.state.error}</div>
-                )}
+                {error !== '' && <div className={styles.error}>{error}</div>}
             </div>
         )
     }