Synthetixio · jmzwar · Jul 10, 2023 · Jun 13, 2023 · Jun 13, 2023 · Jun 13, 2023
diff --git a/.env b/.env
diff --git a/.env.example b/.env.example
@@ -1,3 +1,4 @@
 # For Next
 NEXT_PUBLIC_APP_STAGE="development"
 NEXT_INFURA_PROJECT_ID=xxx
+NEXT_DUNE_API_KEY=1234
diff --git a/.eslint.js b/.eslint.js
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,4 @@
+{
+	"extends": ["next/core-web-vitals", "eslint-config-prettier"],
+	"rules": {}
+}
diff --git a/.github/workflows/e2e-test-ci.yml b/.github/workflows/e2e-test-ci.yml
@@ -11,6 +11,8 @@ jobs:
           cache: 'yarn'
       - run: yarn install
       - run: yarn dev & yarn e2e:run
+      env:
+        NEXT_DUNE_API_KEY: ${{ vars.NEXT_DUNE_API_KEY }}
       - name: Tests ✅
         if: ${{ success() }}
         run: |

diff --git a/.gitignore b/.gitignore
@@ -46,6 +46,7 @@ tests/e2e/screenshots/
 /sanity/dist
 
 .env.local
+.env
 
 .yarn/*
 .yarn/cache

diff --git a/next.config.js b/next.config.js
@@ -11,6 +11,7 @@ console.debug(
  * @type {import('next').NextConfig}
  */
 module.exports = {
+	transpilePackages: ['@synthetixio/v3-theme'],
 	async generateBuildId() {
 		return execSync(lastCommitCommand).toString().trim();
 	},

diff --git a/package.json b/package.json
@@ -9,8 +9,8 @@
 		"start": "next start --port 8888",
 		"svg": "npx svgr -d src/svg src/svg --ext tsx --template src/utils/svgTemplate.ts",
 		"format": "prettier --write \"**/*.{ts,tsx}\"",
-		"lint": "eslint . --ext ts,.tsx",
-		"lint:fix": "eslint . --ext ts,.tsx --fix",
+		"lint": "next lint",
+		"lint:fix": "next lint --fix",
 		"lint:sarif": "node ./tests/lint.js . --ext ts,.tsx && tsc",
 		"tsc": "tsc --noEmit",
 		"test": "jest",
@@ -25,7 +25,7 @@
 		"@emotion/styled": "^11",
 		"@socialgouv/matomo-next": "1.2.2",
 		"@synthetixio/contracts-interface": "^2.74.3",
-		"@synthetixio/v3-theme": "1.1.0",
+		"@synthetixio/v3-theme": "^3.1.1",
 		"@vercel/node": "^1.14.0",
 		"algoliasearch": "^4.13.0",
 		"axios": "0.23.0",
@@ -34,11 +34,12 @@
 		"ethers": "5.6.9",
 		"framer-motion": "^7",
 		"jsonpath": "^1.1.1",
-		"next": "^12.2.5",
+		"millify": "^6.1.0",
+		"next": "13.4.8",
 		"numeral": "2.0.6",
 		"prop-types": "^15.7",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
 		"react-hamburger-menu": "1.2.1",
 		"react-icons": "^4.3.1",
 		"react-instantsearch-dom": "^6.32.1",
@@ -79,16 +80,13 @@
 		"@types/styled-components": "^5.1.2",
 		"@types/webpack-env": "^1.15.2",
 		"codegen-graph-ts": "^0.1.2",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-chai-friendly": "^0.7.2",
-		"eslint-plugin-cypress": "^2.12.1",
-		"eslint-plugin-import": "^2.26.0",
+		"eslint-config-next": "latest",
+		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-testing-library": "^5.6.1",
-		"eslint-plugin-ui-testing": "^2.0.1",
 		"husky": "^7.0.4",
 		"jest": "^27.0.0",
 		"next-sitemap": "1.3.2",
+		"prettier": "^2.8.8",
 		"typescript": "^4.4.4"
 	},
 	"packageManager": "yarn@3.2.2"

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -11,10 +11,23 @@ import { useEffect } from 'react';
 
 const newTheme = extendTheme({
 	...chakraTheme,
+	colors: {
+		...chakraTheme.colors,
+		navy: {
+			700: '#0B0B22',
+			900: '#06061B',
+		},
+	},
 	useSystemColorMode: false,
 	config: { initialColorMode: 'dark' },
 	styles: {
-		global: { body: { bg: 'navy.900' } },
+		global: {
+			body: { bg: 'navy.900' },
+			'::selection': {
+				bg: '#00D1FF',
+				color: '#000000',
+			},
+		},
 	},
 });
 
@@ -37,6 +50,7 @@ export default function MyApp({ Component, pageProps }: AppProps) {
 		)
 			localStorage.setItem('chakra-ui-color-mode', 'dark');
 	}
+
 	return (
 		<ThemeProvider theme={theme}>
 			<Head>