Deploy dev into master

.env.holesky

@@ -4,9 +4,9 @@ export REACT_APP_ETH_REQUIREMENT=524288
 export REACT_APP_ETH_DEPOSIT_OFFSET=0
 export REACT_APP_TESTNET_LAUNCHPAD_NAME=Holesky
 export REACT_APP_GENESIS_FORK_VERSION=0x01017000
-export REACT_APP_MIN_DEPOSIT_CLI_VERSION=2.7.0
 export REACT_APP_RPC_URL=https://rpc.holesky.ethpandaops.io
 export REACT_APP_BEACONCHAIN_URL=https://holesky.beaconcha.in
 export REACT_APP_EL_EXPLORER_URL=https://holesky.beaconcha.in
 export REACT_APP_TUTORIAL_URL=https://notes.ethereum.org/@launchpad/holesky
-export REACT_APP_FAUCET_URL=https://holesky.faucet.net
+export REACT_APP_FAUCET_URL=https://www.holeskyfaucet.io/
+export REACT_APP_MIN_GENESIS_TIME=1695902400000

.env.mainnet

@@ -1,6 +1,6 @@
 export REACT_APP_IS_MAINNET=true
 export REACT_APP_CONTRACT_ADDRESS=0x00000000219ab540356cBB839Cbe05303d7705Fa
 export REACT_APP_ETH_REQUIREMENT=524288
-export REACT_APP_TESTNET_LAUNCHPAD_NAME=Goerli
+export REACT_APP_TESTNET_LAUNCHPAD_NAME=Holesky
 export REACT_APP_GENESIS_FORK_VERSION=0x00000000
 export REACT_APP_IS_MERGE=false

.env.template

@@ -1,7 +1,6 @@
 #
 # Private
 #
-REACT_APP_PORTIS_DAPP_ID=006cdb48-470e-466c-aa20-c4de6ebd10e7
 REACT_APP_INFURA_PROJECT_ID=464bfe80298f4d0782f61h4b91de2dcb
 
 #
@@ -13,15 +12,19 @@ REACT_APP_IS_MAINNET=true
 REACT_APP_FORTMATIC_KEY=pk_test_D113D979E0D3508F
 # string
 REACT_APP_CONTRACT_ADDRESS=0x00000000219ab540356cBB839Cbe05303d7705Fa
+# string
+REACT_APP_COMPOUNDING_CONTRACT_ADDRESS=0x0000BBdDc7CE488642fb579F8B00f3a590007251
+# string
+REACT_APP_WITHDRAWAL_CONTRACT_ADDRESS=0x00000961Ef480Eb55e80D19ad83579A64c007002
 # number
 REACT_APP_ETH_REQUIREMENT=524288
 # number
-REACT_APP_PRICE_PER_VALIDATOR=32
+REACT_APP_MIN_ACTIVATION_BALANCE=32
+# number
+REACT_APP_MAX_EFFECTIVE_BALANCE=2048
 # Uint8Array such as "0x00000000"
 REACT_APP_GENESIS_FORK_VERSION=0x00000000
 # string
-REACT_APP_MIN_DEPOSIT_CLI_VERSION=1.0.0
-# string
 REACT_APP_LIGHTHOUSE_INSTALLATION_URL=https://lighthouse-book.sigmaprime.io/
 # string
 REACT_APP_NIMBUS_INSTALLATION_URL=https://nimbus.guide/intro.html
@@ -33,17 +36,31 @@ REACT_APP_TEKU_INSTALLATION_URL=https://docs.teku.consensys.io/get-started/insta
 #
 # Testnet only
 #
+# true, false
+REACT_APP_IS_MAINNET=false
+# string (if `REACT_APP_IS_MAINNET=true`, it's the active public testnet name; otherwise, it's the testnet name of this website)
+REACT_APP_TESTNET_LAUNCHPAD_NAME=Holesky
 # string
-REACT_APP_RPC_URL=https://rpc.kintsugi.themerge.dev
+REACT_APP_CONTRACT_ADDRESS=0x4242424242424242424242424242424242424242
 # string
-REACT_APP_BEACONCHAIN_URL=https://beaconchain.kintsugi.themerge.dev
+REACT_APP_RPC_URL=https://rpc.holesky.ethpandaops.io
 # string
-REACT_APP_EL_EXPLORER_URL=https://explorer.kintsugi.themerge.dev
+REACT_APP_BEACONCHAIN_URL=https://holesky.beaconcha.in
 # string
-REACT_APP_TUTORIAL_URL=https://notes.ethereum.org/@launchpad/mainnet
-# string (if `REACT_APP_IS_MAINNET=true`, it's the active public testnet name; otherwise, it's the testnet name of this website)
-REACT_APP_TESTNET_LAUNCHPAD_NAME=Goerli
+REACT_APP_EL_EXPLORER_URL=https://holesky.beaconcha.in
+# string
+REACT_APP_TUTORIAL_URL=https://notes.ethereum.org/@launchpad/holesky
 # number
 REACT_APP_ETH_DEPOSIT_OFFSET=0
 # string
-REACT_APP_FAUCET_URL=https://faucetlink.to/goerli
+REACT_APP_FAUCET_URL=https://www.holeskyfaucet.io/
+# string
+REACT_APP_RPC_URL=https://rpc.holesky.ethpandaops.io
+# string
+REACT_APP_BEACONCHAIN_URL=https://holesky.beaconcha.in
+# string
+REACT_APP_TUTORIAL_URL=https://notes.ethereum.org/@launchpad/holesky
+# number
+REACT_APP_ETH_DEPOSIT_OFFSET=0
+# number
+REACT_APP_MIN_GENESIS_TIME=1695902400000

.nvmrc

@@ -0,0 +1 @@
+14.19.2

.prettierrc

@@ -1,4 +1,6 @@
 {
   "singleQuote": true,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true
 }

README.md

@@ -26,8 +26,6 @@ The Infura Project ID will enable the network status progress bar showing the ba
 REACT_APP_INFURA_PROJECT_ID=your-infura-project-id-here
 ```
 
-Note: The Portis wallet option is not available when running locally
-
 ## Installation
 
 **Available Scripts**
@@ -51,7 +49,7 @@ By default, `dev` acts as the primary base branch which all PRs should merge int
 
 ## Launchpad deployment
 
-- The `master` branch represents the live **testnet** version of the Launchpad. Open a PR to merge `dev` into `master` to deploy a testnet Launchpad (e.g. [#517](https://github.com/ethereum/staking-launchpad/pull/517) for https://goerli.launchpad.ethereum.org/ )
+- The `master` branch represents the live **testnet** version of the Launchpad. Open a PR to merge `dev` into `master` to deploy a testnet Launchpad (e.g. [#517](https://github.com/ethereum/staking-launchpad/pull/517) for https://holesky.launchpad.ethereum.org/ )
 - The `mainnet` branch represents the live **Mainnet** version of the Launchpad. Open a PR to merge `master` into `mainnet` to deploy the Mainnet Launchpad (e.g. [#518](https://github.com/ethereum/staking-launchpad/pull/518) for https://launchpad.ethereum.org/)
 
 ## Launchpad translation

netlify.toml

@@ -4,6 +4,9 @@
   NODE_VERSION = "14.19.2"
 [context.deploy-preview.environment]
   NODE_VERSION = "14.19.2"
+  REACT_APP_IS_MERGE = "true"
+  REACT_APP_COMPOUNDING_CONTRACT_ADDRESS = "0x0000BBdDc7CE488642fb579F8B00f3a590007251"
+  REACT_APP_WITHDRAWAL_CONTRACT_ADDRESS = "0x00000961Ef480Eb55e80D19ad83579A64c007002"
 [context.branch-deploy.environment]
   NODE_VERSION = "14.19.2"
 [context.dev.environment]

package.json

@@ -15,19 +15,17 @@
     "@types/react-helmet": "^6.1.0",
     "@types/react-scroll": "^1.5.4",
     "@types/react-tooltip": "^3.11.0",
-    "@web3-react/abstract-connector": "latest",
+    "@web3-react/abstract-connector": "6.0.7",
     "@web3-react/core": "^6.0.7",
     "@web3-react/fortmatic-connector": "^6.0.7",
-    "@web3-react/injected-connector": "latest",
-    "@web3-react/portis-connector": "latest",
+    "@web3-react/injected-connector": "6.0.7",
     "@web3-react/types": "^6.0.7",
     "animate.css": "^3.7.2",
     "animate.css-react": "^1.0.0",
     "axios": "^0.21.2",
     "babel-plugin-formatjs": "^9.0.4",
     "babel-plugin-react-require": "^3.1.3",
     "bignumber.js": "^9.0.0",
-    "compare-versions": "^3.6.0",
     "d3": "^5.16.0",
     "eslint-plugin-formatjs": "^2.12.0",
     "ethereumjs-util": "^7.1.5",
@@ -113,7 +111,15 @@
     "compile": "formatjs compile src/intl/en.json --format crowdin --out-file src/intl/compiled/en.json --ast"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "extends": [
+      "react-app",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:prettier/recommended"
+    ],
+    "plugins": [
+      "@typescript-eslint",
+      "prettier"
+    ]
   },
   "browserslist": {
     "production": [

src/Routes.tsx

@@ -5,6 +5,7 @@ import { useIntl } from 'react-intl';
 import { supportedLanguages } from './intl';
 import {
   AcknowledgementPage,
+  ActionsPage,
   CongratulationsPage,
   ConnectWalletPage,
   SelectClientPage,
@@ -70,6 +71,7 @@ export enum routesEnum {
   languagesPage = '/languages',
   withdrawals = '/withdrawals',
   btecGuide = '/btec',
+  actionsPage = '/validator-actions',
 }
 const routes: RouteType[] = [
   {
@@ -126,6 +128,7 @@ const routes: RouteType[] = [
   { path: routesEnum.topUpPage, exact: true, component: TopUpPage },
   { path: routesEnum.withdrawals, exact: true, component: Withdrawals },
   { path: routesEnum.btecGuide, exact: true, component: BtecGuide },
+  { path: routesEnum.actionsPage, exact: true, component: ActionsPage },
   { path: routesEnum.landingPage, exact: true, component: LandingPage },
   // NOTE: this wildcard route must be the last index of the routes array
   { path: routesEnum.notFoundPage, component: NotFoundPage },

src/components/Alert.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Box, BoxProps } from 'grommet';
 
-const variantStyles = {
+const variantStyles: Record<string, React.CSSProperties> = {
   primary: {
     backgroundColor: '#cce5ff',
     borderColor: '#b8daff',
@@ -39,28 +39,33 @@ const HighlightStyles = styled.div`
   }
 `;
 
-export const Alert = (
-  props: {
-    children: React.ReactNode;
-    className?: string;
-    error?: boolean;
-    style?: any;
-    variant?: string;
-  } & BoxProps
-): JSX.Element => {
-  const { variant = 'primary', className, children, pad } = props;
-  return (
-    <Box
-      border
-      className={className}
-      pad={pad || 'medium'}
-      round="xsmall"
-      variant={variant}
-      {...props}
-      // @ts-ignore
-      style={variantStyles[variant]}
-    >
-      <HighlightStyles>{children}</HighlightStyles>
-    </Box>
-  );
-};
+type AlertProps = {
+  children: React.ReactNode;
+  className?: string;
+  error?: boolean;
+  style?: any;
+  variant?: string;
+} & BoxProps;
+
+export const Alert = ({
+  variant = 'primary',
+  className,
+  children,
+  style,
+  pad,
+  ...props
+}: AlertProps) => (
+  <Box
+    border
+    className={className}
+    pad={pad || 'medium'}
+    round="xsmall"
+    style={{
+      ...variantStyles[variant],
+      ...style,
+    }}
+    {...props}
+  >
+    <HighlightStyles>{children}</HighlightStyles>
+  </Box>
+);