Merge pull request #16 from valory-xyz/mohan/debug-details

feat: debug details page
valory-xyz · Mar 20, 2024 · 61fab73 · 61fab73
2 parents d2039f7 + 633b18f
commit 61fab73
Show file tree

Hide file tree

Showing 56 changed files with 209 additions and 186 deletions.
diff --git a/apps/autonolas-registry/common-util/ContractUtils/myList.jsx b/apps/autonolas-registry/common-util/ContractUtils/myList.jsx
@@ -1,5 +1,6 @@
 import includes from 'lodash/includes';
-import { getFirstAndLastIndex } from 'common-util/List/functions';
+
+import { getFirstAndLastIndex } from '../List/functions';
 
 export const filterByOwner = (results, { searchValue, account }) => (results || []).filter((e) => {
   const search = (searchValue || '').trim().toLowerCase();

diff --git a/apps/autonolas-registry/common-util/Details/DetailsSubInfo.jsx b/apps/autonolas-registry/common-util/Details/DetailsSubInfo.jsx
@@ -7,8 +7,8 @@ import {
   DEFAULT_SERVICE_CREATION_ETH_TOKEN_ZEROS,
   NAV_TYPES,
   HASH_DETAILS_STATE,
-} from 'util/constants';
-import { typePropType } from 'common-util/propTypes';
+} from '../../util/constants';
+import { typePropType } from '../propTypes';
 import { Circle } from '../svg/Circle';
 import { useHelpers } from '../hooks';
 import { useMetadata } from '../hooks/useMetadata';

diff --git a/apps/autonolas-registry/common-util/Details/index.jsx b/apps/autonolas-registry/common-util/Details/index.jsx
@@ -7,9 +7,9 @@ import {
 import { get } from 'lodash';
 import { Loader, NA } from '@autonolas/frontend-library';
 
-import { NAV_TYPES } from 'util/constants';
-import { useMetadata } from 'common-util/hooks/useMetadata';
-import { typePropType } from 'common-util/propTypes';
+import { NAV_TYPES } from '../../util/constants';
+import { useMetadata } from '../hooks/useMetadata';
+import { typePropType } from '../propTypes';
 import { IpfsHashGenerationModal } from '../List/IpfsHashGenerationModal';
 import { useDetails } from './useDetails';
 import { NftImage } from './NFTImage';

diff --git a/apps/autonolas-registry/common-util/DynamicFieldsForm/FormList.jsx b/apps/autonolas-registry/common-util/DynamicFieldsForm/FormList.jsx
@@ -3,7 +3,8 @@ import {
   Button, Form, Input, Space, Radio,
 } from 'antd';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
-import { addressValidator } from 'common-util/functions';
+
+import { addressValidator } from '../functions';
 
 export const FormList = ({ inputOneLabel, inputTwoLabel, buttonText }) => (
   <Form.List

diff --git a/apps/autonolas-registry/common-util/DynamicFieldsForm/index.jsx b/apps/autonolas-registry/common-util/DynamicFieldsForm/index.jsx
@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types';
 import { Button, Form, Typography } from 'antd';
 
-import { useHelpers } from 'common-util/hooks';
-import { RegistryForm } from 'common-util/TransactionHelpers/RegistryForm';
+import { useHelpers } from '../hooks';
+import { RegistryForm } from '../TransactionHelpers/RegistryForm';
 import { FormList } from './FormList';
 import { DynamicFormContainer } from './styles';
 

diff --git a/apps/autonolas-registry/common-util/List/IpfsHashGenerationModal/helpers.jsx b/apps/autonolas-registry/common-util/List/IpfsHashGenerationModal/helpers.jsx
@@ -1,7 +1,7 @@
-/* eslint-disable import/no-unresolved */
 import { create } from 'ipfs-http-client';
 import { base16 } from 'multiformats/bases/base16';
-import { HASH_PREFIXES } from 'util/constants';
+
+import { HASH_PREFIXES } from '../../../util/constants';
 
 const ipfs = create({
   host: process.env.NEXT_PUBLIC_REGISTRY_URL,

diff --git a/apps/autonolas-registry/common-util/List/IpfsHashGenerationModal/index.jsx b/apps/autonolas-registry/common-util/List/IpfsHashGenerationModal/index.jsx
@@ -1,12 +1,10 @@
 import React, { Fragment, useState } from 'react';
 import PropTypes from 'prop-types';
 import isNil from 'lodash/isNil';
-import {
-  Form, Input, Button, Select,
-} from 'antd';
+import { Form, Input, Button, Select } from 'antd';
 import { notifyError, notifySuccess } from '@autonolas/frontend-library';
 
-import { HASH_PREFIXES } from 'util/constants';
+import { HASH_PREFIXES } from '../../../util/constants';
 import { useHelpers } from '../../hooks';
 import { notifyWrongNetwork } from '../../functions';
 import { getIpfsHashHelper } from './helpers';
@@ -191,7 +189,7 @@ export const IpfsHashGenerationModal = ({
           ]}
         >
           <Input
-            addonBefore={(
+            addonBefore={
               <Select
                 defaultValue={hashType}
                 className="select-before"
@@ -204,7 +202,7 @@ export const IpfsHashGenerationModal = ({
                   {HASH_PREFIXES.type2}
                 </Select.Option>
               </Select>
-            )}
+            }
           />
         </Form.Item>
 

diff --git a/apps/autonolas-registry/common-util/List/ListCommon.jsx b/apps/autonolas-registry/common-util/List/ListCommon.jsx
@@ -3,7 +3,7 @@ import Link from 'next/link';
 import { Alert, Button } from 'antd';
 import { ExportOutlined } from '@ant-design/icons';
 
-import { EmptyMessage, RegisterFooter } from 'components/styles';
+import { EmptyMessage, RegisterFooter } from '../../components/styles';
 import { useHelpers } from '../hooks';
 
 // ----------- functions -----------

diff --git a/apps/autonolas-registry/common-util/List/ListTable/helpers.jsx b/apps/autonolas-registry/common-util/List/ListTable/helpers.jsx
@@ -1,23 +1,23 @@
 import { useState } from 'react';
-import {
-  Input, Space, Button, Typography,
-} from 'antd';
+import { Input, Space, Button, Typography } from 'antd';
 import { SearchOutlined } from '@ant-design/icons';
 import {
   AddressLink,
   areAddressesEqual,
   NA,
 } from '@autonolas/frontend-library';
 
-import { NAV_TYPES, SERVICE_STATE, TOTAL_VIEW_COUNT } from 'util/constants';
+import {
+  NAV_TYPES,
+  SERVICE_STATE,
+  TOTAL_VIEW_COUNT,
+} from '../../../util/constants';
 
 const { Title } = Typography;
 
 export const getTableColumns = (
   type,
-  {
-    onViewClick, onUpdateClick, isMobile, chainName, account, chainId,
-  },
+  { onViewClick, onUpdateClick, isMobile, chainName, account, chainId },
 ) => {
   const addressLinkProps = {
     chainId,
@@ -109,8 +109,9 @@ export const getTableColumns = (
         fixed: 'right',
         render: (_text, record) => {
           // only show update button for pre-registration state
-          const canUpdate = ['1'].includes(record.state)
-            && areAddressesEqual(record.owner, account);
+          const canUpdate =
+            ['1'].includes(record.state) &&
+            areAddressesEqual(record.owner, account);
 
           return (
             <Space size="middle">

diff --git a/apps/autonolas-registry/common-util/List/ListTable/index.jsx b/apps/autonolas-registry/common-util/List/ListTable/index.jsx
@@ -2,9 +2,9 @@ import PropTypes from 'prop-types';
 import { Table } from 'antd';
 import { Loader, useScreen } from '@autonolas/frontend-library';
 
-import { TOTAL_VIEW_COUNT } from 'util/constants';
-import { ListEmptyMessage } from 'common-util/List/ListCommon';
-import { useHelpers } from 'common-util/hooks';
+import { TOTAL_VIEW_COUNT } from '../../../util/constants';
+import { ListEmptyMessage } from '../../List/ListCommon';
+import { useHelpers } from '../../hooks';
 import { fetchDataSource, getTableColumns } from './helpers';
 
 const ListTable = ({

diff --git a/apps/autonolas-registry/common-util/List/RegisterForm/helpers.jsx b/apps/autonolas-registry/common-util/List/RegisterForm/helpers.jsx
@@ -1,7 +1,8 @@
 import PropTypes from 'prop-types';
 import { Form, Input, Tooltip } from 'antd';
 import { LinkOutlined } from '@ant-design/icons';
-import { GATEWAY_URL, HASH_PREFIX } from 'util/constants';
+
+import { GATEWAY_URL, HASH_PREFIX } from '../../../util/constants';
 import { getBase16Validator } from '../IpfsHashGenerationModal';
 
 export const FormItemHash = ({ listType, hashValue }) => (
@@ -23,7 +24,7 @@ export const FormItemHash = ({ listType, hashValue }) => (
     <Input
       disabled
       addonBefore={HASH_PREFIX}
-      addonAfter={(
+      addonAfter={
         <Tooltip
           title={
             hashValue
@@ -43,7 +44,7 @@ export const FormItemHash = ({ listType, hashValue }) => (
             }}
           />
         </Tooltip>
-      )}
+      }
     />
   </Form.Item>
 );

diff --git a/apps/autonolas-registry/common-util/List/RegisterForm/index.jsx b/apps/autonolas-registry/common-util/List/RegisterForm/index.jsx
@@ -4,8 +4,8 @@ import { Button, Form, Input } from 'antd';
 import isNil from 'lodash/isNil';
 import { isValidAddress } from '@autonolas/frontend-library';
 
-import { useHelpers } from 'common-util/hooks';
-import { RegistryForm } from 'common-util/TransactionHelpers/RegistryForm';
+import { useHelpers } from '../../hooks';
+import { RegistryForm } from '../../TransactionHelpers/RegistryForm';
 import { IpfsHashGenerationModal } from '../IpfsHashGenerationModal';
 import { DependencyLabel } from '../ListCommon';
 import { FormItemHash } from './helpers';

diff --git a/apps/autonolas-registry/common-util/List/functions.jsx b/apps/autonolas-registry/common-util/List/functions.jsx
@@ -1,4 +1,4 @@
-import { TOTAL_VIEW_COUNT } from 'util/constants';
+import { TOTAL_VIEW_COUNT } from '../../util/constants';
 
 /**
  * @example

diff --git a/apps/autonolas-registry/common-util/Login/LoginV2.jsx b/apps/autonolas-registry/common-util/Login/LoginV2.jsx
@@ -19,10 +19,10 @@ import {
   useScreen,
 } from '@autonolas/frontend-library';
 
-import { setUserBalance } from 'store/setup';
-import { isAddressProhibited } from 'common-util/functions';
-import { useHelpers } from 'common-util/hooks';
-import { YellowButton } from 'common-util/YellowButton';
+import { setUserBalance } from '../../store/setup';
+import { isAddressProhibited } from '../functions';
+import { useHelpers } from '../hooks';
+import { YellowButton } from '../YellowButton';
 import { SolanaWallet } from './SolanaWallet';
 import { projectId, ethereumClient } from './config';
 
@@ -77,8 +77,9 @@ export const LoginV2 = ({
       try {
         // This is the initial `provider` that is returned when
         // using web3Modal to connect. Can be MetaMask or WalletConnect.
-        const modalProvider = connector?.options?.getProvider?.()
-          || (await connector?.getProvider?.());
+        const modalProvider =
+          connector?.options?.getProvider?.() ||
+          (await connector?.getProvider?.());
 
         if (modalProvider) {
           // *******************************************************
@@ -141,7 +142,8 @@ export const LoginV2 = ({
     }
   }, [isConnectedToWrongNetwork, onSwitchNetwork]);
 
-  const hideWrongNetwork = isNil(walletConnectedChain?.id) || walletConnectedChain?.id === chainId;
+  const hideWrongNetwork =
+    isNil(walletConnectedChain?.id) || walletConnectedChain?.id === chainId;
 
   return (
     <LoginContainer>

diff --git a/apps/autonolas-registry/common-util/Login/SolanaWallet.jsx b/apps/autonolas-registry/common-util/Login/SolanaWallet.jsx
@@ -1,4 +1,3 @@
-/* eslint-disable jest/require-hook */
 import {
   WalletModalProvider as ReactUIWalletModalProvider,
   WalletMultiButton,

diff --git a/apps/autonolas-registry/common-util/Login/config.jsx b/apps/autonolas-registry/common-util/Login/config.jsx
@@ -22,11 +22,11 @@ import {
 } from 'wagmi/chains';
 import { SafeConnector } from 'wagmi/connectors/safe';
 import { jsonRpcProvider } from 'wagmi/providers/jsonRpc';
-
-import { SOLANA_CHAIN_NAMES, VM_TYPE } from 'util/constants';
-import { RPC_URLS } from 'common-util/Contracts';
 import { web3 } from '@project-serum/anchor';
 
+import { SOLANA_CHAIN_NAMES, VM_TYPE } from '../../util/constants';
+import { RPC_URLS } from '../Contracts';
+
 export const projectId = process.env.NEXT_PUBLIC_WALLET_PROJECT_ID;
 
 export const SUPPORTED_CHAINS = [

diff --git a/apps/autonolas-registry/common-util/YellowButton.jsx b/apps/autonolas-registry/common-util/YellowButton.jsx
@@ -1,6 +1,7 @@
 import { Button, ConfigProvider } from 'antd';
 import PropTypes from 'prop-types';
-import { EXTRA_COLORS } from 'util/constants';
+
+import { EXTRA_COLORS } from '../util/constants';
 
 export const YellowButton = ({ children, ...props }) => (
   <ConfigProvider

diff --git a/apps/autonolas-registry/common-util/functions/index.jsx b/apps/autonolas-registry/common-util/functions/index.jsx
@@ -10,13 +10,10 @@ import {
 } from '@autonolas/frontend-library';
 import { PublicKey } from '@solana/web3.js';
 
-import { RPC_URLS } from 'common-util/Contracts';
-import { SUPPORTED_CHAINS } from 'common-util/Login';
-import {
-  EVM_SUPPORTED_CHAINS,
-  SVM_SUPPORTED_CHAINS,
-} from 'common-util/Login/config';
-import { VM_TYPE } from 'util/constants';
+import { VM_TYPE } from '../../util/constants';
+import { RPC_URLS } from '../Contracts';
+import { SUPPORTED_CHAINS } from '../Login';
+import { EVM_SUPPORTED_CHAINS, SVM_SUPPORTED_CHAINS } from '../Login/config';
 import prohibitedAddresses from '../../data/prohibited-addresses.json';
 
 export const getModalProvider = () => window?.MODAL_PROVIDER;
@@ -27,9 +24,10 @@ export const getChainId = (chainId = null) => {
   if (chainId) return chainId;
 
   // chainId fetched from sessionStorage
-  const chainIdfromSessionStorage = typeof sessionStorage === 'undefined'
-    ? 1
-    : Number(sessionStorage.getItem('chainId'));
+  const chainIdfromSessionStorage =
+    typeof sessionStorage === 'undefined'
+      ? 1
+      : Number(sessionStorage.getItem('chainId'));
 
   // if chainId is not supported, throw error
   if (!EVM_SUPPORTED_CHAINS.find((e) => e.id === chainIdfromSessionStorage)) {
@@ -89,7 +87,8 @@ export const getEthersProvider = () => {
   return new ethers.providers.Web3Provider(provider, 'any');
 };
 
-export const getIsValidChainId = (chainId) => getIsValidChainIdFn(SUPPORTED_CHAINS, chainId);
+export const getIsValidChainId = (chainId) =>
+  getIsValidChainIdFn(SUPPORTED_CHAINS, chainId);
 
 export const getChainIdOrDefaultToMainnet = (chainId) => {
   const x = getChainIdOrDefaultToMainnetFn(SUPPORTED_CHAINS, chainId);
@@ -109,7 +108,8 @@ const isMethodsBuilderInstance = (builderIns, registryAddress) => {
     throw new Error('sendTransaction: Input must be an object.');
   }
 
-  const programId = '_programId' in builderIns ? builderIns?._programId?.toString() : null; // eslint-disable-line no-underscore-dangle
+  const programId =
+    '_programId' in builderIns ? builderIns?._programId?.toString() : null; // eslint-disable-line no-underscore-dangle
 
   // Check if the programId is the same as the registry address
   const hasProgramId = programId === registryAddress;
@@ -196,7 +196,8 @@ export const isPageWithSolana = (path) => {
   if (!path) return false;
   if (!isString(path)) return false;
 
-  const checkPath = (e) => path.toLowerCase().includes(e.networkName.toLowerCase());
+  const checkPath = (e) =>
+    path.toLowerCase().includes(e.networkName.toLowerCase());
   return SVM_SUPPORTED_CHAINS.some(checkPath);
 };
 

diff --git a/apps/autonolas-registry/common-util/functions/requests.jsx b/apps/autonolas-registry/common-util/functions/requests.jsx
@@ -1,7 +1,7 @@
 import { notifyError } from '@autonolas/frontend-library';
 
-import { DEFAULT_SERVICE_CREATION_ETH_TOKEN_ZEROS } from 'util/constants';
-import { getServiceOwnerMultisigContract } from 'common-util/Contracts';
+import { DEFAULT_SERVICE_CREATION_ETH_TOKEN_ZEROS } from '../../util/constants';
+import { getServiceOwnerMultisigContract } from '../Contracts';
 import { checkIfGnosisSafe, getEthersProvider } from './index';
 
 const FALLBACK_HANDLER_STORAGE_SLOT = '0x6c9a6c4a39284e37ed1cf53d337577d14212a4870fb976a4366c693b939918d5';