nsidawy/cardano-dapp-connector

cardano-dapp-connector

Basic Cardano dapp connector.

• Supports connections to Nami, CCVault, and Flint wallets.
• Implemented as React compontents written in TypeScript.
• Includes basic example for constructing and executing transactions. See executeBuyExample.tsx.

cardano-dapp-connector's Issues

Purchase example

Do you have an example using the purchase logic (transaction builder) where you could call those components on a separate file? In other words, I would like to use the txbuild logic but not have it written in the same page as the content I render. The reason being because I export pages as const's and use a function to define the returned content and then in index.tsx I render the individual pages and I would like to keep this clean structure. So I would like to use the txbuild logic within the Faq const/html page

*****Faq.tsx file that I would like to include a div for the txbuild logic

const Faq = () -> (
-section className="faq-section
-div className="faq-header container-fluid text-center">
-img
className="img-fluid"
src="images/faqHeader.svg"
alt="FAQ Section Header Image"
>
-div

export default Faq;

**app.tsx file

function App() {

return (

<Routes>
  <Route path="/faq" element={<Faq />} />
  <Route path="/roadmap" element={<Roadmap />} />
  <Route path="/" element={<Home />} />
</Routes>

<div className="MyFooter">
  <Footer />
</div>
</Router>

);
}

export default App;

**Index.tsx file

ReactDOM.render(
<React.StrictMode>
-App-
</React.StrictMode>,
document.getElementById('root')
);