💥 split contracts into context

components/Alias.tsx

@@ -22,7 +22,7 @@ const Alias = ({
 
   useEffect(() => {
     aliasesCtx.getAlias(address, defaultAlias).then(setAlias);
-  }, [address, aliasesCtx]);
+  }, [address, aliasesCtx, defaultAlias]);
 
   return (
     <Copy value={address} text="Copy address" disabled={disabled}>

components/ContractExecution.tsx

@@ -8,8 +8,10 @@ import {
   useFormikContext,
 } from "formik";
 import React, { useEffect } from "react";
+import { useContracts } from "../context/contracts";
 import { useAppState } from "../context/state";
 import { useTezosToolkit } from "../context/tezos-toolkit";
+import useCurrentContract from "../hooks/useCurrentContract";
 import {
   parseContract,
   genLambda,
@@ -489,6 +491,8 @@ function ExecuteForm(
   const state = useAppState();
 
   const { tezos } = useTezosToolkit();
+  const { contracts } = useContracts();
+  const currentContract = useCurrentContract();
 
   const address = props.address;
   const setLoading = props.setLoading;
@@ -528,7 +532,7 @@ function ExecuteForm(
           props.onShapeChange(values);
           try {
             genLambda(
-              state.contracts[state.currentContract ?? ""]?.version ??
+              contracts[currentContract]?.version ??
                 state.currentStorage?.version,
               props,
               values

components/FA1_2.tsx

@@ -2,6 +2,7 @@ import { Field, useFormikContext } from "formik";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { TZKT_API_URL, THUMBNAIL_URL } from "../context/config";
 import { useAppState } from "../context/state";
+import useCurrentContract from "../hooks/useCurrentContract";
 import { debounce, promiseWithTimeout } from "../utils/timeout";
 import { proposals } from "../versioned/interface";
 import ErrorMessage from "./ErrorMessage";
@@ -77,7 +78,7 @@ const tokenToOption = (fa1_2Token: fa1_2Token) => {
 const FA1_2 = ({ index, remove, children }: props) => {
   const state = useAppState();
   const { setFieldValue, getFieldProps } = useFormikContext<proposals>();
-
+  const currentContract = useCurrentContract();
   const [isFetching, setIsFetching] = useState(true);
   const [canSeeMore, setCanSeeMore] = useState(true);
   const [selectError, setSelectError] = useState<undefined | string>();
@@ -103,7 +104,7 @@ const FA1_2 = ({ index, remove, children }: props) => {
     (value: string, offset: number) =>
       promiseWithTimeout(
         fetch(
-          `${TZKT_API_URL}/v1/tokens/balances?account=${state.currentContract}&offset=${offset}&limit=${FETCH_COUNT}&token.metadata.name.as=*${value}*&balance.ne=0&sort.desc=lastTime&token.standard.eq=fa1.2`
+          `${TZKT_API_URL}/v1/tokens/balances?account=${currentContract}&offset=${offset}&limit=${FETCH_COUNT}&token.metadata.name.as=*${value}*&balance.ne=0&sort.desc=lastTime&token.standard.eq=fa1.2`
         )
           .catch(e => {
             console.log(e);
@@ -126,7 +127,7 @@ const FA1_2 = ({ index, remove, children }: props) => {
 
         return Promise.resolve(v);
       }),
-    [state.currentContract]
+    [currentContract]
   );
 
   useEffect(() => {

components/FA2Transfer.tsx

@@ -6,6 +6,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { v4 as uuidV4 } from "uuid";
 import { TZKT_API_URL, THUMBNAIL_URL } from "../context/config";
 import { useAppState } from "../context/state";
+import useCurrentContract from "../hooks/useCurrentContract";
 import { debounce } from "../utils/timeout";
 import { proposals } from "../versioned/interface";
 import ErrorMessage from "./ErrorMessage";
@@ -94,6 +95,7 @@ const FA2Transfer = ({
   const [currentToken, setCurrentToken] = useState<fa2Token | undefined>();
   const [options, setOptions] = useState<option[]>([]);
   const fetchOffsetRef = useRef(0);
+  const currentContract = useCurrentContract();
 
   const makeName = (key: string) =>
     `transfers.${proposalIndex}.values.${localIndex}.${key}`;
@@ -126,9 +128,7 @@ const FA2Transfer = ({
   const fetchTokens = useCallback(
     (value: string, offset: number) =>
       fetch(
-        `${TZKT_API_URL}/v1/tokens/balances?account=${
-          state.currentContract
-        }&offset=${offset}&limit=${FETCH_COUNT}&token.metadata.name.as=*${value}*&balance.ne=0&sort.desc=lastTime&token.standard.eq=fa2${
+        `${TZKT_API_URL}/v1/tokens/balances?account=${currentContract}&offset=${offset}&limit=${FETCH_COUNT}&token.metadata.name.as=*${value}*&balance.ne=0&sort.desc=lastTime&token.standard.eq=fa2${
           !!fa2ContractAddress ? "&token.contract=" + fa2ContractAddress : ""
         }`
       )
@@ -148,7 +148,7 @@ const FA2Transfer = ({
             v.filter(token => !toExclude.includes(token.id))
           );
         }),
-    [state.currentContract, toExclude]
+    [currentContract, toExclude]
   );
 
   useEffect(() => {