feat: call deposit method (#21)

Closes #12
ChainSafe · Mar 20, 2023 · 94a3ad6 · 94a3ad6
1 parent 49abd81
commit 94a3ad6
Show file tree

Hide file tree

Showing 13 changed files with 8,657 additions and 5,667 deletions.
diff --git a/src/abi.ts b/src/abi.ts
diff --git a/src/components/JSONDropzone/JSONDropzone.tsx b/src/components/JSONDropzone/JSONDropzone.tsx
@@ -1,7 +1,8 @@
 import { FC, SyntheticEvent, useCallback, useEffect, useMemo, useState } from 'react';
 import { FileRejection, useDropzone } from 'react-dropzone';
 import styled from 'styled-components';
-import { GENESIS_FORK_VERSION, DEPOSIT_ADAPTER_TARGET } from '../../utils/envVars';
+import { DEPOSIT_ADAPTER_TARGET } from '../../contracts';
+import { GENESIS_FORK_VERSION } from '../../utils/envVars';
 import {
   DepositKeyInterface,
   DepositStatus,

diff --git a/src/components/JSONDropzone/validation.ts b/src/components/JSONDropzone/validation.ts
@@ -43,18 +43,21 @@ export interface BeaconchainDepositInterface {
   status: string;
 }
 
-export interface DepositKeyInterface {
-  pubkey: string;
-  withdrawal_credentials: string;
+export interface DepositDataJSON {
   amount: number;
-  signature: string;
-  deposit_message_root: string;
+  deposit_cli_version: string;
   deposit_data_root: string;
+  deposit_message_root: string;
   fork_version: string;
-  deposit_cli_version: string;
+  network_name: string;
+  pubkey: string;
+  signature: string;
+  withdrawal_credentials: string;
+}
+export interface DepositKeyInterface extends DepositDataJSON {
   transactionStatus: TransactionStatus;
-  txHash?: string;
   depositStatus: DepositStatus;
+  txHash?: string;
 }
 
 export enum TransactionStatus {

diff --git a/src/components/SideMenu/SideMenu.scss b/src/components/SideMenu/SideMenu.scss
@@ -0,0 +1,18 @@
+.sidebar {
+  /* Take full size */
+  height: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 9999;
+  display: none;
+}
+
+.sidebar menu {
+  /* Take full height */
+  height: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 12.5rem;
+}
diff --git a/src/context/WalletContext.tsx b/src/context/WalletContext.tsx
@@ -95,7 +95,7 @@ export function WalletContextProvider({ children }: PropsWithChildren): JSX.Elem
 
       // TODO remove ts ignore;
       // @ts-ignore
-      if (switchError.code === 4902) {
+      if (switchError.code === 4902 || switchError.code === 4001) {
         await provider.request({
           method: 'wallet_addEthereumChain',
           params: [getNetwork(network)],