fix: dapps metadata (#96)

* fix: metadata to react-dapp-v2 * fix: metadata react app with ethers * fix: metadata react app with web3 * feat: adds web3modal to web3 example dapp * feat: adds web3modal to ethers example dapp
2022-12-22 11:34:36 +02:00
parent 7a3886073b
commit c7890ae0b1
12 changed files with 165 additions and 88 deletions
@@ -0,0 +1,17 @@
+import Head from "next/head";
+import * as React from "react";
+import { DEFAULT_APP_METADATA } from "../constants";
+
+const Metadata = () => (
+  <Head>
+    <title>{DEFAULT_APP_METADATA.name}</title>
+    <meta name="description" content={DEFAULT_APP_METADATA.description} />
+    <meta name="url" content={DEFAULT_APP_METADATA.url} />
+
+    {DEFAULT_APP_METADATA.icons.map((icon, index) => (
+      <link key={index} rel="icon" href={icon} />
+    ))}
+  </Head>
+);
+
+export default Metadata;
@@ -5,6 +5,7 @@ import { createGlobalStyle } from "styled-components";
 import { ClientContextProvider } from "../contexts/ClientContext";
 import { JsonRpcContextProvider } from "../contexts/JsonRpcContext";
 import { ChainDataContextProvider } from "../contexts/ChainDataContext";
+import Metadata from "../components/Metadata";

 import { globalStyle } from "../styles";
 const GlobalStyle = createGlobalStyle`
@@ -14,6 +15,7 @@ const GlobalStyle = createGlobalStyle`
 function MyApp({ Component, pageProps }: AppProps) {
  return (
    <>
+      <Metadata />
      <GlobalStyle />
      <ChainDataContextProvider>
        <ClientContextProvider>