Merge pull request #5 from NikoManiac/refactor/create-page

refactor: create page

Author: askender

.eslintrc

@@ -1,11 +1,13 @@
 {
+  "parser": "@typescript-eslint/parser",
   "env": {
     "browser": true,
     "es2021": true
   },
   "extends": [
     "plugin:react/recommended",
-    "standard",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
     "prettier",
     "next/core-web-vitals"
   ],
@@ -16,7 +18,7 @@
     "ecmaVersion": 12,
     "sourceType": "module"
   },
-  "plugins": ["react"],
+  "plugins": ["react","@typescript-eslint"],
   "rules": {
     "@next/next/no-img-element": "off"
   }

components/InputFieldError.tsx

@@ -0,0 +1,9 @@
+
+interface InputFieldErrorProps {
+  message?: string
+}
+
+export const InputFieldError = ({ message }: InputFieldErrorProps) => {
+  if (!message) return null
+  return <p className="text-red-500">{message}</p>
+}

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -6,11 +6,14 @@
     "dev": "next dev",
     "build": "next build",
     "start": "export PORT=4006 next start",
-    "lint": "next lint"
+    "lint": "next lint --fix"
   },
   "dependencies": {
     "@headlessui/react": "^1.4.2",
     "@heroicons/react": "^1.0.5",
+    "@hookform/resolvers": "^2.8.5",
+    "@openzeppelin/contracts": "^4.4.1",
+    "@react-hookz/web": "^12.0.4",
     "@textile/eth-storage": "^1.0.0",
     "axios": "^0.24.0",
     "ethers": "^5.5.2",
@@ -22,16 +25,27 @@
     "nft.storage": "^5.2.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-hook-form": "^7.22.5",
     "react-markdown": "^7.1.1",
-    "web3modal": "^1.9.4"
+    "web3modal": "^1.9.4",
+    "yup": "^0.32.11"
   },
   "devDependencies": {
+    "@nomiclabs/hardhat-ethers": "^2.0.3",
+    "@nomiclabs/hardhat-waffle": "^2.0.1",
+    "@types/react": "^17.0.38",
+    "@typescript-eslint/eslint-plugin": "^5.8.1",
+    "@typescript-eslint/parser": "^5.8.1",
     "autoprefixer": "^10.4.0",
-    "eslint": "^7.32.0",
+    "chai": "^4.3.4",
+    "eslint": "^8.5.0",
     "eslint-config-next": "^12.0.7",
     "eslint-config-prettier": "^8.3.0",
+    "ethereum-waffle": "^3.4.0",
+    "hardhat": "^2.8.0",
     "postcss": "^8.4.5",
     "prettier": "2.5.1",
-    "tailwindcss": "^3.0.7"
+    "tailwindcss": "^3.0.7",
+    "typescript": "^4.5.4"
   }
 }