Cyril

.eslintrc.json

@@ -1,3 +1,4 @@
 {
-  "extends": ["plugin:react/recommended", "next/core-web-vitals", "prettier"]
+  "extends": ["plugin:react/recommended", "next/core-web-vitals", "prettier"],
+  "rules": { "react/no-unescaped-entities": 0 }
 }

.gitignore

@@ -24,7 +24,9 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
+# /scripts/.env
 # local env files
+# .env
 .env.local
 .env.development.local
 .env.test.local

context/addressContext.js

@@ -0,0 +1,33 @@
+import React, { createContext, useContext, useState } from 'react';
+
+const AddressContext = createContext();
+
+export const AddressContextProvider = ({ children }) => {
+  const [walletaddress, setAddress] = useState('kokokoko');
+  const [nftimage, setImage] = useState('');
+
+  const handleImage = (img) => {
+    console.log('in context');
+    setImage(img);
+  };
+
+  const handleAddress = (addr) => {
+    setAddress(addr);
+  };
+  const ctxProps = {
+    walletaddress,
+    handleAddress,
+    nftimage,
+    handleImage,
+  };
+
+  return (
+    <AddressContext.Provider value={{ walletaddress, handleAddress, nftimage, handleImage }}>
+      {children}
+    </AddressContext.Provider>
+  );
+};
+
+export const useAddressContext = () => {
+  return useContext(AddressContext);
+};

next.config.js

@@ -1,3 +1,3 @@
 module.exports = {
   reactStrictMode: true,
-}
+};