Merge pull request #12 from lidofinance/feature/si-1836-base-tamplate-for-transactions

Base template for transactions

Author: ev-d

abi/predeposit-guarantee.ts

@@ -1,4 +1,4 @@
-export const VaultDataViewerAbi = [
+export const VaultViewerAbi = [
   {
     inputs: [
       {

abi/vault-data-viewer.ts abi/vault-viewer.tsabi/vault-data-viewer.ts renamed to abi/vault-viewer.ts

@@ -24,6 +24,11 @@ export enum ManifestConfigPageEnum {
   overview = '/overview',
   settings = '/settings',
   createVault = '/create-vault',
+  supply = '/supply',
+  adjustment = '/adjustment',
+  validators = '/validators',
+  claim = '/claim',
+  notFound = '/404',
 }
 
 export type ManifestConfigPage = `${ManifestConfigPageEnum}`;

assets/icons/mosaic.svg

@@ -4,7 +4,6 @@ import { CHAINS } from '@lidofinance/lido-ethereum-sdk';
 export const PRE_DEPOSIT_GUARANTEE_BY_NETWORK: {
   [key in CHAINS]?: Address;
 } = {
-  [CHAINS.Mainnet]: '0x',
   [CHAINS.Sepolia]: '0x935b089d9a4F1789783C3db0F466817bB4c9Ac16',
 };
 

config/external-config/types.ts

@@ -4,7 +4,6 @@ import { CHAINS } from '@lidofinance/lido-ethereum-sdk';
 export const VAULT_FACTORY_BY_NETWORK: {
   [key in CHAINS]?: Address;
 } = {
-  [CHAINS.Mainnet]: '0x',
   [CHAINS.Sepolia]: '0xcD42e7505060b9931DD1B5B56C923b55f2D17561',
 };
 

consts/predeposit-guarantee.ts

@@ -4,8 +4,7 @@ import { CHAINS } from '@lidofinance/lido-ethereum-sdk';
 export const VAULT_HUB_BY_NETWORK: {
   [key in CHAINS]?: Address;
 } = {
-  [CHAINS.Mainnet]: '0x',
-  [CHAINS.Sepolia]: '0x699009AFFE51215eF7EA1Cd1e51f2750177d6055',
+  [CHAINS.Sepolia]: '0x33532749B2e74CE7e4e222a70Df89b7a1523AF67',
 };
 
 export const getVaultHubAddress = (chainId: CHAINS): Address | undefined =>

consts/vault-factory.ts

@@ -1,15 +1,13 @@
 import type { Address } from 'viem';
 import { CHAINS } from '@lidofinance/lido-ethereum-sdk';
 
-export const VAULT_DATA_VIEWER_BY_NETWORK: {
+export const VAULT_VIEWER_BY_NETWORK: {
   [key in CHAINS]?: Address;
 } = {
-  [CHAINS.Mainnet]: '0x',
   [CHAINS.Sepolia]: '0xF124672D263BB6e7A5B5cbcF8e6F39b4F6cbe582',
 };
 
-export const getVaultDateViewerAddress = (
-  chainId: CHAINS,
-): Address | undefined => VAULT_DATA_VIEWER_BY_NETWORK?.[chainId];
+export const getVaultViewerAddress = (chainId: CHAINS): Address | undefined =>
+  VAULT_VIEWER_BY_NETWORK?.[chainId];
 
 export const VAULTS_PER_PAGE = 4;

consts/vault-hub.ts

@@ -0,0 +1,21 @@
+import { AbstractLidoSDKErc20 } from '@lidofinance/lido-ethereum-sdk/erc20';
+import { CHAINS, LidoSDKCore } from '@lidofinance/lido-ethereum-sdk';
+import type { Address } from 'viem';
+
+export const WETH_BY_NETWORK: {
+  [key in CHAINS]?: Address;
+} = {
+  [CHAINS.Sepolia]: '0x7b79995e5f793A07Bc00c21412e50Ecae098E7f9',
+};
+
+export class LidoSDKwETH extends AbstractLidoSDKErc20 {
+  #address = WETH_BY_NETWORK[CHAINS.Sepolia] as Address;
+
+  public async contractAddress(): Promise<Address> {
+    return this.#address;
+  }
+
+  constructor(props: { core: LidoSDKCore }) {
+    super(props);
+  }
+}

consts/vault-data-viewer.ts consts/vault-viewer.tsconsts/vault-data-viewer.ts renamed to consts/vault-viewer.ts

@@ -0,0 +1,35 @@
+import { useRouter } from 'next/router';
+import { useAdjustment } from 'features/adjustment/contexts/adjustment-provider';
+import { useVaultInfo } from 'features/overview/contexts';
+
+import { ToggleSwitch } from 'shared/components/toggle';
+import { Mint } from './mint';
+import { Repay } from './repay';
+import { FormBlock, PageWrapper } from './styles';
+
+import { AdjustmentPaths, adjustmentToggleList } from './const';
+import { ManifestConfigPageEnum } from 'config/external-config';
+
+export const AdjustmentTabs = () => {
+  const router = useRouter();
+  const initialPath = router.query.mode as AdjustmentPaths;
+  const { isMintTab } = useAdjustment();
+  const { activeVault } = useVaultInfo();
+
+  const handleToggleCb = (value: AdjustmentPaths) => {
+    void router.push(
+      `/${activeVault?.address}/${ManifestConfigPageEnum.adjustment}/${value}`,
+    );
+  };
+
+  return (
+    <PageWrapper>
+      <ToggleSwitch
+        options={adjustmentToggleList}
+        defaultActive={initialPath}
+        onToggle={({ value }) => handleToggleCb(value as AdjustmentPaths)}
+      />
+      <FormBlock>{isMintTab ? <Mint /> : <Repay />}</FormBlock>
+    </PageWrapper>
+  );
+};