... | @@ -214,3 +214,31 @@ contract DEX is ERC20Base { |
... | @@ -214,3 +214,31 @@ contract DEX is ERC20Base { |
|
payable(msg.sender).transfer(ethBought);
|
|
payable(msg.sender).transfer(ethBought);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
## Frontend-Entwicklung
|
|
|
|
|
|
|
|
Das Frontend von DEXWeb ist mit React und Next.js gebaut und verwendet das Thirdweb SDK. Es befindet sich im `frontend` Verzeichnis.
|
|
|
|
|
|
|
|
### Hauptkomponenten
|
|
|
|
|
|
|
|
- **Pages**: Enthält die Hauptseiten der Anwendung.
|
|
|
|
- **components/**: Enthält wiederverwendbare UI-Komponenten.
|
|
|
|
|
|
|
|
### Beispielcode für die Thirdweb-Integration
|
|
|
|
|
|
|
|
```jsx
|
|
|
|
import { ThirdwebProvider } from '@thirdweb-dev/react';
|
|
|
|
|
|
|
|
function MyApp({ Component, pageProps }) {
|
|
|
|
const API_KEY = process.env.NEXT_PUBLIC_API_KEY || '';
|
|
|
|
const activeChain = 'mumbai';
|
|
|
|
|
|
|
|
return (
|
|
|
|
<ThirdwebProvider supportedChains={[activeChain]} apiKey={API_KEY}>
|
|
|
|
<Component {...pageProps} />
|
|
|
|
</ThirdwebProvider>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default MyApp; |