Separate button from redirect component

PureMoney · Dec 11, 2023 · 7e17dfa · 7e17dfa
1 parent 22e78bf
commit 7e17dfa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sendroks/react-coinbase-commerce",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "A react component to easily embed a Coinbase Commerce Checkout within your application",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

diff --git a/src/index.tsx b/src/index.tsx
@@ -83,14 +83,17 @@ export class CoinbaseCommerceButton extends Component<Props & ButtonHTMLAttribut
     }
 
     return (
-      <div style={wrapperStyle} onClick={()=>this.onClick()}>
-        {showModal && (
+      <div style={wrapperStyle}>
+        {showModal ? (
           <Commerce
             {...CommerceProps}
             onModalClose={() => { this.onModalClose() }}
             onError={(data: MessageData) => { this.handleError(data) }}
             customMetadata={customMetadata}
           />
+        )
+        : (
+          <input type="button" onClick={()=>this.onClick()} />
         )}
       </div>
     )