Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors

chore: improve handling wallet errors in connection dialog - display also ordinary error
2023-01-27 15:25:09 +01:00 · 2023-01-27 15:24:10 +01:00 · 2023-01-27 13:06:52 +01:00 · 2023-01-27 11:30:40 +01:00 · 2023-01-27 11:30:11 +01:00 · 2023-01-26 23:24:10 +01:00
334 changed files with 3194 additions and 7678 deletions
@@ -64,11 +64,12 @@ jobs:
      ######

      - name: Run Cypress tests
-        run: yarn nx run ${{ matrix.project }}:e2e ${{ env.SKIP_CACHE }} --record --key ${{ secrets.CYPRESS_RECORD_KEY }} --browser chrome --env.grepTags="${{ inputs.tags }}"
+        run: yarn nx run ${{ matrix.project }}:e2e ${{ env.SKIP_CACHE }} --record --key ${{ secrets.CYPRESS_RECORD_KEY }} --browser chrome
        working-directory: frontend-monorepo
        env:
          CYPRESS_SLACK_WEBHOOK: ${{ secrets.CYPRESS_SLACK_WEBHOOK }}
          CYPRESS_VEGA_WALLET_API_TOKEN: ${{ steps.setup-vega.outputs.token }}
+          CYPRESS_grepTags: ${{ inputs.tags }}

      ######
      ## Upload logs
@@ -8,16 +8,14 @@ jobs:
  lint_pr:
    runs-on: ubuntu-latest
    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
      - name: Use Node.js 16
        id: Node
        uses: actions/setup-node@v2
        with:
          node-version: 16.14.0
-      - name: Install root dependencies
-        run: yarn install
+      - name: Install commitlint cli and config
+        run: npm install @commitlint/cli @commitlint/config-conventional
+      - name: Create config
+        run: echo "module.exports = {extends:['@commitlint/config-conventional']};" > commitlint.config.js
      - name: Check PR title
-        run: echo "${{ github.event.pull_request.title }}" | npx commitlint --config ./commitlint.config-ci.js
+        run: echo "${{ github.event.pull_request.title }}" | npx commitlint
@@ -6,7 +6,7 @@ NX_VEGA_DOCS_URL=https://docs.vega.xyz/testnet
 NX_ETHEREUM_PROVIDER_URL=https://sepolia.infura.io/v3/4f846e79e13f44d1b51bbd7ed9edefb8
 NX_ETHERSCAN_URL=https://sepolia.etherscan.io
 NX_VEGA_NETWORKS={\"MAINNET"\:\"https://explorer.vega.xyz"\,\"TESTNET\":\"https://explorer.fairground.wtf\"}
-NX_TENDERMINT_URL=https://tm.sandbox.vega.xyz
-NX_TENDERMINT_WEBSOCKET_URL=wss://tm.sandbox.vega.xyz/websocket
+NX_TENDERMINT_URL=https://tm.n01.sandbox.vega.xyz
+NX_TENDERMINT_WEBSOCKET_URL=wss://tm.n01.sandbox.vega.xyz/websocket
 NX_ETHERSCAN_URL=https://sepolia.etherscan.io
 NX_VEGA_GOVERNANCE_URL=https://sandbox.token.vega.xyz
@@ -6,4 +6,3 @@ NX_VEGA_ENV=STAGNET3
 NX_GITHUB_FEEDBACK_URL=https://github.com/vegaprotocol/feedback/discussions
 NX_BLOCK_EXPLORER=https://be.stagnet3.vega.xyz/rest
 NX_VEGA_GOVERNANCE_URL=https://stagnet3.token.vega.xyz
-NX_VEGA_REPO_URL=https://github.com/vegaprotocol/vega-dev-releases/releases/
@@ -8,7 +8,6 @@ import { Main } from './components/main';
 import { TendermintWebsocketProvider } from './contexts/websocket/tendermint-websocket-provider';
 import type { InMemoryCacheConfig } from '@apollo/client';
 import { Footer } from './components/footer/footer';
-import { AnnouncementBanner, ExternalLink } from '@vegaprotocol/ui-toolkit';

 function App() {
  const [menuOpen, setMenuOpen] = useState(false);
@@ -41,15 +40,6 @@ function App() {
  return (
    <TendermintWebsocketProvider>
      <NetworkLoader cache={cacheConfig}>
-        <AnnouncementBanner>
-          <div className="font-alpha calt uppercase text-center text-lg text-white">
-            <span className="pr-4">The Mainnet sims are live!</span>
-            <ExternalLink href="https://fairground.wtf/">
-              Come help stress test the network
-            </ExternalLink>
-          </div>
-        </AnnouncementBanner>
-
        <div className={layoutClasses}>
          <Header menuOpen={menuOpen} setMenuOpen={setMenuOpen} />
          <Nav menuOpen={menuOpen} />
@@ -4,7 +4,6 @@ import { useExplorerAssetQuery } from './__generated__/Asset';
 import { Link } from 'react-router-dom';

 import type { ComponentProps } from 'react';
-import Hash from '../hash';

 export type AssetLinkProps = Partial<ComponentProps<typeof Link>> & {
  id: string;
@@ -28,7 +27,7 @@ const AssetLink = ({ id, ...props }: AssetLinkProps) => {

  return (
    <Link className="underline" {...props} to={`/${Routes.ASSETS}#${id}`}>
-      <Hash text={label} />
+      {label}
    </Link>
  );
 };
@@ -3,7 +3,6 @@ import { Routes } from '../../../routes/route-names';
 import { Link } from 'react-router-dom';

 import type { ComponentProps } from 'react';
-import Hash from '../hash';

 export type BlockLinkProps = Partial<ComponentProps<typeof Link>> & {
  height: string;
@@ -12,7 +11,7 @@ export type BlockLinkProps = Partial<ComponentProps<typeof Link>> & {
 const BlockLink = ({ height, ...props }: BlockLinkProps) => {
  return (
    <Link className="underline" {...props} to={`/${Routes.BLOCKS}/${height}`}>
-      <Hash text={height} />
+      {height}
    </Link>
  );
 };
@@ -1,7 +1,6 @@
 import React from 'react';

 import { DATA_SOURCES } from '../../../config';
-import Hash from '../hash';

 export enum EthExplorerLinkTypes {
  block = 'block',
@@ -28,7 +27,7 @@ export const EthExplorerLink = ({
      {...props}
      href={link}
    >
-      <Hash text={id} />
+      {id}
    </a>
  );
 };
@@ -1,18 +0,0 @@
-export type HashProps = {
-  text: string;
-};
-
-/**
- * A simple component that ensures long text things like hashes
- * are broken when they need to wrap. This will remove the need
- * for a lot of the overflow scrolling that currently exists.
- */
-const Hash = ({ text }: HashProps) => {
-  return (
-    <code className="break-all font-mono" style={{ wordWrap: 'break-word' }}>
-      {text}
-    </code>
-  );
-};
-
-export default Hash;
@@ -2,7 +2,6 @@ query ExplorerMarket($id: ID!) {
  market(id: $id) {
    id
    decimalPlaces
-    positionDecimalPlaces
    tradableInstrument {
      instrument {
        name
@@ -8,7 +8,7 @@ export type ExplorerMarketQueryVariables = Types.Exact<{
 }>;


-export type ExplorerMarketQuery = { __typename?: 'Query', market?: { __typename?: 'Market', id: string, decimalPlaces: number, positionDecimalPlaces: number, state: Types.MarketState, tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', name: string, product: { __typename?: 'Future', quoteName: string, settlementAsset: { __typename?: 'Asset', decimals: number } } } } } | null };
+export type ExplorerMarketQuery = { __typename?: 'Query', market?: { __typename?: 'Market', id: string, decimalPlaces: number, state: Types.MarketState, tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', name: string, product: { __typename?: 'Future', quoteName: string, settlementAsset: { __typename?: 'Asset', decimals: number } } } } } | null };


 export const ExplorerMarketDocument = gql`
@@ -16,7 +16,6 @@ export const ExplorerMarketDocument = gql`
  market(id: $id) {
    id
    decimalPlaces
-    positionDecimalPlaces
    tradableInstrument {
      instrument {
        name
@@ -55,7 +55,6 @@ describe('Market link component', () => {
          market: {
            id: '123',
            decimalPlaces: 5,
-            positionDecimalPlaces: 2,
            state: 'irrelevant-test-data',
            tradableInstrument: {
              instrument: {
@@ -4,7 +4,6 @@ import { Link } from 'react-router-dom';

 import type { ComponentProps } from 'react';
 import { t } from '@vegaprotocol/react-helpers';
-import Hash from '../hash';

 export type MarketLinkProps = Partial<ComponentProps<typeof Link>> & {
  id: string;
@@ -36,8 +35,7 @@ const MarketLink = ({
          <span role="img" aria-label="Unknown market" className="img">
            ⚠️&nbsp;{t('Invalid market')}
          </span>
-          &nbsp;
-          <Hash text={id} />
+          &nbsp;{id}
        </div>
      );
    }
@@ -57,7 +55,7 @@ const MarketLink = ({
  } else {
    return (
      <Link className="underline" {...props} to={`/${Routes.MARKETS}#${id}`}>
-        <Hash text={id} />
+        {id}
      </Link>
    );
  }
@@ -4,7 +4,6 @@ import { useExplorerNodeQuery } from './__generated__/Node';
 import { Link } from 'react-router-dom';

 import type { ComponentProps } from 'react';
-import Hash from '../hash';

 export type NodeLinkProps = Partial<ComponentProps<typeof Link>> & {
  id: string;
@@ -23,7 +22,7 @@ const NodeLink = ({ id, ...props }: NodeLinkProps) => {

  return (
    <Link className="underline" {...props} to={`/${Routes.VALIDATORS}#${id}`}>
-      <Hash text={label} />
+      <code>{label}</code>
    </Link>
  );
 };
@@ -2,7 +2,6 @@ import { Routes } from '../../../routes/route-names';
 import { Link } from 'react-router-dom';

 import type { ComponentProps } from 'react';
-import Hash from '../hash';

 export type OracleLinkProps = Partial<ComponentProps<typeof Link>> & {
  id: string;
@@ -15,7 +14,7 @@ const OracleLink = ({ id, ...props }: OracleLinkProps) => {
      {...props}
      to={`/${Routes.ORACLES}/${id}`}
    >
-      <Hash text={id} />
+      {id}
    </Link>
  );
 };
@@ -2,7 +2,6 @@ import { Routes } from '../../../routes/route-names';
 import { Link } from 'react-router-dom';

 import type { ComponentProps } from 'react';
-import Hash from '../hash';

 export type PartyLinkProps = Partial<ComponentProps<typeof Link>> & {
  id: string;
@@ -15,7 +14,7 @@ const PartyLink = ({ id, ...props }: PartyLinkProps) => {
      {...props}
      to={`/${Routes.PARTIES}/${id}`}
    >
-      <Hash text={id} />
+      {id}
    </Link>
  );
 };
@@ -22,7 +22,7 @@ describe('Proposal link component', () => {
    expect(res.getByText('123')).toBeInTheDocument();
  });

-  it('Renders the ID on error', async () => {
+  it('Renders the ID with an emoji on error', async () => {
    const mock = {
      request: {
        query: ExplorerProposalDocument,
@@ -37,6 +37,9 @@ describe('Proposal link component', () => {
    const res = render(renderComponent('456', [mock]));
    // The ID
    expect(res.getByText('456')).toBeInTheDocument();
+
+    // The emoji
+    expect(await res.findByRole('img')).toBeInTheDocument();
  });

  it('Renders the proposal title when the query returns a result', async () => {
@@ -1,7 +1,6 @@
 import { useExplorerProposalQuery } from './__generated__/Proposal';
 import { ExternalLink } from '@vegaprotocol/ui-toolkit';
 import { ENV } from '../../../config/env';
-import Hash from '../hash';
 export type ProposalLinkProps = {
  id: string;
 };
@@ -18,11 +17,7 @@ const ProposalLink = ({ id }: ProposalLinkProps) => {
  const base = ENV.dataSources.governanceUrl;
  const label = data?.proposal?.rationale.title || id;

-  return (
-    <ExternalLink href={`${base}/proposals/${id}`}>
-      <Hash text={label} />
-    </ExternalLink>
-  );
+  return <ExternalLink href={`${base}/proposals/${id}`}>{label}</ExternalLink>;
 };

 export default ProposalLink;
@@ -117,7 +117,7 @@ const NestedDataListItem = ({
          )}
        </h4>
        {!hasChildren && (
-          <code className="text-vega-light-100 mb-2 last:mb-0 dark:text-vega-dark-100 break-all">
+          <code className="text-vega-light-400 mb-2 last:mb-0 dark:text-vega-dark-400 break-all">
            {JSON.stringify(value, null, '  ')}
          </code>
        )}
@@ -19,7 +19,6 @@ fragment ExplorerDeterministicOrderFields on Order {
  market {
    id
    decimalPlaces
-    positionDecimalPlaces
    tradableInstrument {
      instrument {
        name
@@ -3,7 +3,7 @@ import * as Types from '@vegaprotocol/types';
 import { gql } from '@apollo/client';
 import * as Apollo from '@apollo/client';
 const defaultOptions = {} as const;
-export type ExplorerDeterministicOrderFieldsFragment = { __typename?: 'Order', id: string, type?: Types.OrderType | null, reference: string, status: Types.OrderStatus, version: string, createdAt: any, updatedAt?: any | null, expiresAt?: any | null, timeInForce: Types.OrderTimeInForce, price: string, side: Types.Side, remaining: string, size: string, rejectionReason?: Types.OrderRejectionReason | null, party: { __typename?: 'Party', id: string }, market: { __typename?: 'Market', id: string, decimalPlaces: number, positionDecimalPlaces: number, state: Types.MarketState, tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', name: string, product: { __typename?: 'Future', quoteName: string } } } } };
+export type ExplorerDeterministicOrderFieldsFragment = { __typename?: 'Order', id: string, type?: Types.OrderType | null, reference: string, status: Types.OrderStatus, version: string, createdAt: any, updatedAt?: any | null, expiresAt?: any | null, timeInForce: Types.OrderTimeInForce, price: string, side: Types.Side, remaining: string, size: string, rejectionReason?: Types.OrderRejectionReason | null, party: { __typename?: 'Party', id: string }, market: { __typename?: 'Market', id: string, decimalPlaces: number, state: Types.MarketState, tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', name: string, product: { __typename?: 'Future', quoteName: string } } } } };

 export type ExplorerDeterministicOrderQueryVariables = Types.Exact<{
  orderId: Types.Scalars['ID'];
@@ -11,7 +11,7 @@ export type ExplorerDeterministicOrderQueryVariables = Types.Exact<{
 }>;


-export type ExplorerDeterministicOrderQuery = { __typename?: 'Query', orderByID: { __typename?: 'Order', id: string, type?: Types.OrderType | null, reference: string, status: Types.OrderStatus, version: string, createdAt: any, updatedAt?: any | null, expiresAt?: any | null, timeInForce: Types.OrderTimeInForce, price: string, side: Types.Side, remaining: string, size: string, rejectionReason?: Types.OrderRejectionReason | null, party: { __typename?: 'Party', id: string }, market: { __typename?: 'Market', id: string, decimalPlaces: number, positionDecimalPlaces: number, state: Types.MarketState, tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', name: string, product: { __typename?: 'Future', quoteName: string } } } } } };
+export type ExplorerDeterministicOrderQuery = { __typename?: 'Query', orderByID: { __typename?: 'Order', id: string, type?: Types.OrderType | null, reference: string, status: Types.OrderStatus, version: string, createdAt: any, updatedAt?: any | null, expiresAt?: any | null, timeInForce: Types.OrderTimeInForce, price: string, side: Types.Side, remaining: string, size: string, rejectionReason?: Types.OrderRejectionReason | null, party: { __typename?: 'Party', id: string }, market: { __typename?: 'Market', id: string, decimalPlaces: number, state: Types.MarketState, tradableInstrument: { __typename?: 'TradableInstrument', instrument: { __typename?: 'Instrument', name: string, product: { __typename?: 'Future', quoteName: string } } } } } };

 export const ExplorerDeterministicOrderFieldsFragmentDoc = gql`
    fragment ExplorerDeterministicOrderFields on Order {
@@ -35,7 +35,6 @@ export const ExplorerDeterministicOrderFieldsFragmentDoc = gql`
  market {
    id
    decimalPlaces
-    positionDecimalPlaces
    tradableInstrument {
      instrument {
        name
@@ -61,7 +61,6 @@ function renderExistingAmend(id: string, version: number, amend: Amend) {
              __typename: 'Market',
              id: '789',
              state: 'STATUS_ACTIVE',
-              positionDecimalPlaces: 2,
              decimalPlaces: '5',
              tradableInstrument: {
                instrument: {
@@ -89,7 +88,6 @@ function renderExistingAmend(id: string, version: number, amend: Amend) {
          market: {
            id: '789',
            decimalPlaces: 5,
-            positionDecimalPlaces: 2,
            state: 'irrelevant-test-data',
            tradableInstrument: {
              instrument: {
@@ -4,7 +4,6 @@ import { MarketLink } from '../links';
 import PriceInMarket from '../price-in-market/price-in-market';
 import { Time } from '../time';
 import { sideText, statusText, tifFull, tifShort } from './lib/order-labels';
-import SizeInMarket from '../size-in-market/size-in-market';

 export interface DeterministicOrderDetailsProps {
  id: string;
@@ -91,7 +90,7 @@ const DeterministicOrderDetails = ({
            <div className="mb-12 md:mb-0">
              <h2 className="text-2xl font-bold text-dark mb-4">{t('Size')}</h2>
              <h5 className="text-lg font-medium text-gray-500 mb-0">
-                <SizeInMarket size={o.size} marketId={o.market.id} />
+                {o.size}
              </h5>
            </div>

@@ -38,7 +38,6 @@ const mock = {
          __typename: 'Market',
          id: '789',
          state: 'STATE_ACTIVE',
-          positionDecimalPlaces: 2,
          decimalPlaces: 2,
          tradableInstrument: {
            instrument: {
@@ -90,7 +90,6 @@ describe('Order TX Summary component', () => {
          market: {
            id: '123',
            decimalPlaces: 2,
-            positionDecimalPlaces: 2,
            state: 'irrelevant-test-data',
            tradableInstrument: {
              instrument: {
@@ -37,7 +37,6 @@ const fullMock = {
      market: {
        id: '123',
        decimalPlaces: 2,
-        positionDecimalPlaces: 2,
        state: 'irrelevant-test-data',
        tradableInstrument: {
          instrument: {
@@ -1,4 +1,5 @@
 import { t } from '@vegaprotocol/react-helpers';
+import React from 'react';
 import { StatusMessage } from '../status-message';

 interface RenderFetchedProps {
@@ -66,9 +66,7 @@ export const Search = () => {
            className="text-white"
            hasError={Boolean(error?.message)}
            type="text"
-            placeholder={t(
-              'Enter block number, public key or transaction hash'
-            )}
+            placeholder={t('Enter block number, party id or transaction hash')}
          />
          {error?.message && (
            <div className="bg-white border border-t-0 border-accent absolute top-[100%] flex-1 w-full pb-2 px-2 rounded-b text-black">
@@ -1,69 +0,0 @@
-import { MemoryRouter } from 'react-router-dom';
-import { MockedProvider } from '@apollo/client/testing';
-import type { MockedResponse } from '@apollo/client/testing';
-import { render } from '@testing-library/react';
-import SizeInMarket from './size-in-market';
-import type { DecimalSource } from './size-in-market';
-import { ExplorerMarketDocument } from '../links/market-link/__generated__/Market';
-
-function renderComponent(
-  price: string,
-  marketId: string,
-  mocks: MockedResponse[],
-  decimalSource: DecimalSource = 'MARKET'
-) {
-  return (
-    <MockedProvider mocks={mocks} addTypename={false}>
-      <MemoryRouter>
-        <SizeInMarket
-          marketId={marketId}
-          size={price}
-          decimalSource={decimalSource}
-        />
-      </MemoryRouter>
-    </MockedProvider>
-  );
-}
-
-const fullMock = {
-  request: {
-    query: ExplorerMarketDocument,
-    variables: {
-      id: '123',
-    },
-  },
-  result: {
-    data: {
-      market: {
-        id: '123',
-        decimalPlaces: 2,
-        positionDecimalPlaces: 2,
-        state: 'irrelevant-test-data',
-        tradableInstrument: {
-          instrument: {
-            name: 'test dai',
-            product: {
-              __typename: 'Future',
-              quoteName: 'dai',
-              settlementAsset: {
-                decimals: 18,
-              },
-            },
-          },
-        },
-      },
-    },
-  },
-};
-
-describe('Size in Market component', () => {
-  it('Renders the raw size when there is no market data', () => {
-    const res = render(renderComponent('100', '123', []));
-    expect(res.getByText('100')).toBeInTheDocument();
-  });
-
-  it('Renders the formatted size when market data is fetched', async () => {
-    const res = render(renderComponent('100', '123', [fullMock]));
-    expect(await res.findByText('1.00')).toBeInTheDocument();
-  });
-});
@@ -1,41 +0,0 @@
-import { addDecimalsFormatNumber } from '@vegaprotocol/react-helpers';
-import { useExplorerMarketQuery } from '../links/market-link/__generated__/Market';
-
-export type DecimalSource = 'MARKET';
-
-export type PriceInMarketProps = {
-  marketId: string;
-  size: string | number;
-  decimalSource?: DecimalSource;
-};
-
-/**
- * Given a market ID and an order size it will fetch the market
- * order size, and format the size accordingly
- */
-const SizeInMarket = ({
-  marketId,
-  size,
-  decimalSource = 'MARKET',
-}: PriceInMarketProps) => {
-  const { data } = useExplorerMarketQuery({
-    variables: { id: marketId },
-    fetchPolicy: 'cache-first',
-  });
-
-  let label = size;
-
-  if (data) {
-    if (decimalSource === 'MARKET' && data.market?.positionDecimalPlaces) {
-      label = addDecimalsFormatNumber(size, data.market.positionDecimalPlaces);
-    }
-  }
-
-  return (
-    <label>
-      <span>{label}</span>
-    </label>
-  );
-};
-
-export default SizeInMarket;
@@ -3,7 +3,6 @@ import React from 'react';
 import classnames from 'classnames';

 interface TableProps {
-  allowWrap?: boolean;
  children: React.ReactNode;
  className?: string;
 }
@@ -26,15 +25,8 @@ interface TableCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
  modifier?: 'bordered' | 'background';
 }

-export const Table = ({
-  allowWrap,
-  children,
-  className,
-  ...props
-}: TableProps) => {
-  const classes = allowWrap
-    ? className
-    : classnames(className, 'overflow-x-auto whitespace-nowrap');
+export const Table = ({ children, className, ...props }: TableProps) => {
+  const classes = classnames(className, 'overflow-x-auto whitespace-nowrap');
  return (
    <div className={classes}>
      <table className="w-full" {...props}>
@@ -45,14 +37,11 @@ export const Table = ({
 };

 export const TableWithTbody = ({
-  allowWrap,
  children,
  className,
  ...props
 }: TableProps) => {
-  const classes = allowWrap
-    ? className
-    : classnames(className, 'overflow-x-auto whitespace-nowrap');
+  const classes = classnames(className, 'overflow-x-auto whitespace-nowrap');
  return (
    <div className={classes}>
      <table className="w-full" {...props}>
@@ -63,21 +63,15 @@ describe('Chain Event: Builtin asset deposit', () => {
    expect(screen.getByText(t('Recipient'))).toBeInTheDocument();
    const partyLink = screen.getByText(`${fullMock.partyId}`);
    expect(partyLink).toBeInTheDocument();
-    if (!partyLink.parentElement) {
-      throw new Error('Party link does not exist');
-    }
-    expect(partyLink.parentElement.tagName).toEqual('A');
-    expect(partyLink.parentElement.getAttribute('href')).toEqual(
+    expect(partyLink.tagName).toEqual('A');
+    expect(partyLink.getAttribute('href')).toEqual(
      `/parties/${fullMock.partyId}`
    );

    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );
  });
@@ -69,21 +69,15 @@ describe('Chain Event: Builtin asset withdrawal', () => {
    expect(screen.getByText(t('Recipient'))).toBeInTheDocument();
    const partyLink = screen.getByText(`${fullMock.partyId}`);
    expect(partyLink).toBeInTheDocument();
-    if (!partyLink.parentElement) {
-      throw new Error('Party link does not exist');
-    }
-    expect(partyLink.parentElement.tagName).toEqual('A');
-    expect(partyLink.parentElement.getAttribute('href')).toEqual(
+    expect(partyLink.tagName).toEqual('A');
+    expect(partyLink.getAttribute('href')).toEqual(
      `/parties/${fullMock.partyId}`
    );

    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );
  });
@@ -60,11 +60,8 @@ describe('Chain Event: ERC20 Asset Delist', () => {

    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );
  });
@@ -76,20 +76,14 @@ describe('Chain Event: ERC20 Asset limits updated', () => {
    expect(screen.getByText(t('Vega asset'))).toBeInTheDocument();
    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );

    expect(screen.getByText(t('ERC20 asset'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.sourceEthereumAddress}`);
-    if (!ethLink.parentElement) {
-      throw new Error('ETH link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.sourceEthereumAddress}`
    );
  });
@@ -62,20 +62,14 @@ describe('Chain Event: ERC20 Asset List', () => {
    expect(screen.getByText(t('Added Vega asset'))).toBeInTheDocument();
    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );

    expect(screen.getByText(t('Source'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.assetSource}`);
-    if (!ethLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.assetSource}`
    );
  });
@@ -62,30 +62,21 @@ describe('Chain Event: ERC20 asset deposit', () => {
    expect(screen.getByText(t('Recipient'))).toBeInTheDocument();
    const partyLink = screen.getByText(`${fullMock.targetPartyId}`);
    expect(partyLink).toBeInTheDocument();
-    if (!partyLink.parentElement) {
-      throw new Error('Party link does not exist');
-    }
-    expect(partyLink.parentElement.tagName).toEqual('A');
-    expect(partyLink.parentElement.getAttribute('href')).toEqual(
+    expect(partyLink.tagName).toEqual('A');
+    expect(partyLink.getAttribute('href')).toEqual(
      `/parties/${fullMock.targetPartyId}`
    );

    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );

    expect(screen.getByText(t('Source'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.sourceEthereumAddress}`);
-    if (!ethLink.parentElement) {
-      throw new Error('ETH link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.sourceEthereumAddress}`
    );
  });
@@ -57,20 +57,14 @@ describe('Chain Event: ERC20 asset deposit', () => {
    expect(screen.getByText(t('Asset'))).toBeInTheDocument();
    const assetLink = screen.getByText(`${fullMock.vegaAssetId}`);
    expect(assetLink).toBeInTheDocument();
-    if (!assetLink.parentElement) {
-      throw new Error('Asset link does not exist');
-    }
-    expect(assetLink.parentElement.tagName).toEqual('A');
-    expect(assetLink.parentElement.getAttribute('href')).toEqual(
+    expect(assetLink.tagName).toEqual('A');
+    expect(assetLink.getAttribute('href')).toEqual(
      `/assets#${fullMock.vegaAssetId}`
    );

    expect(screen.getByText(t('Recipient'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.targetEthereumAddress}`);
-    if (!ethLink.parentElement) {
-      throw new Error('ETH link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.targetEthereumAddress}`
    );
  });
@@ -64,20 +64,14 @@ describe('Chain Event: Stake deposit', () => {
    expect(screen.getByText(t('Recipient'))).toBeInTheDocument();
    const partyLink = screen.getByText(`${fullMock.vegaPublicKey}`);
    expect(partyLink).toBeInTheDocument();
-    if (!partyLink.parentElement) {
-      throw new Error('Party link does not exist');
-    }
-    expect(partyLink.parentElement.tagName).toEqual('A');
-    expect(partyLink.parentElement.getAttribute('href')).toEqual(
+    expect(partyLink.tagName).toEqual('A');
+    expect(partyLink.getAttribute('href')).toEqual(
      `/parties/${fullMock.vegaPublicKey}`
    );

    expect(screen.getByText(t('Source'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.ethereumAddress}`);
-    if (!ethLink.parentElement) {
-      throw new Error('ETH link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.ethereumAddress}`
    );
  });
@@ -64,20 +64,14 @@ describe('Chain Event: Stake remove', () => {
    expect(screen.getByText(t('Recipient'))).toBeInTheDocument();
    const partyLink = screen.getByText(`${fullMock.vegaPublicKey}`);
    expect(partyLink).toBeInTheDocument();
-    if (!partyLink.parentElement) {
-      throw new Error('Party link does not exist');
-    }
-    expect(partyLink.parentElement.tagName).toEqual('A');
-    expect(partyLink.parentElement.getAttribute('href')).toEqual(
+    expect(partyLink.tagName).toEqual('A');
+    expect(partyLink.getAttribute('href')).toEqual(
      `/parties/${fullMock.vegaPublicKey}`
    );

    expect(screen.getByText(t('Source'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.ethereumAddress}`);
-    if (!ethLink.parentElement) {
-      throw new Error('ETH link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.ethereumAddress}`
    );
  });
@@ -66,10 +66,7 @@ describe('Chain Event: Stake total supply change', () => {

    expect(screen.getByText(t('Source'))).toBeInTheDocument();
    const ethLink = screen.getByText(`${fullMock.tokenAddress}`);
-    if (!ethLink.parentElement) {
-      throw new Error('ETH link does not exist');
-    }
-    expect(ethLink.parentElement.getAttribute('href')).toContain(
+    expect(ethLink.getAttribute('href')).toContain(
      `/address/${fullMock.tokenAddress}`
    );
  });
@@ -7,8 +7,6 @@ import type { BlockExplorerTransactionResult } from '../../../../routes/types/bl
 import type { TendermintBlocksResponse } from '../../../../routes/blocks/tendermint-blocks-response';
 import { Time } from '../../../time';
 import { ChainResponseCode } from '../chain-response-code/chain-reponse.code';
-import { TxDataView } from '../../tx-data-view';
-import Hash from '../../../links/hash';

 interface TxDetailsSharedProps {
  txData: BlockExplorerTransactionResult | undefined;
@@ -48,7 +46,7 @@ export const TxDetailsShared = ({
      <TableRow modifier="bordered">
        <TableCell {...sharedHeaderProps}>{t('Hash')}</TableCell>
        <TableCell>
-          <Hash text={txData.hash} />
+          <code>{txData.hash}</code>
        </TableCell>
      </TableRow>
      <TableRow modifier="bordered">
@@ -84,12 +82,6 @@ export const TxDetailsShared = ({
          <ChainResponseCode code={txData.code} error={txData.error} />
        </TableCell>
      </TableRow>
-      <TableRow modifier="bordered">
-        <TableCell {...sharedHeaderProps}>{t('Transaction')}</TableCell>
-        <TableCell>
-          <TxDataView blockData={blockData} txData={txData} />
-        </TableCell>
-      </TableRow>
    </>
  );
 };
@@ -1,108 +0,0 @@
-import { getValues } from './bound-factors';
-import type { components } from '../../../../../types/explorer';
-
-type KeyValueBundle = components['schemas']['vegaKeyValueBundle'][];
-
-describe('getValues', () => {
-  it('handles an empty array by returning a dashed template', () => {
-    const res = getValues([]);
-    expect(res).toHaveProperty('down');
-    expect(res.down).toHaveProperty('tolerance', '-');
-    expect(res.down).toHaveProperty('value', '-');
-    expect(res).toHaveProperty('up');
-    expect(res.up).toHaveProperty('tolerance', '-');
-    expect(res.up).toHaveProperty('value', '-');
-  });
-
-  it('handles undefined', () => {
-    const res = getValues(undefined as unknown as KeyValueBundle);
-    expect(res).toHaveProperty('down');
-    expect(res.down).toHaveProperty('tolerance', '-');
-    expect(res.down).toHaveProperty('value', '-');
-    expect(res).toHaveProperty('up');
-    expect(res.up).toHaveProperty('tolerance', '-');
-    expect(res.up).toHaveProperty('value', '-');
-  });
-
-  it('handles a kvb that only has one side (should not happen)', () => {
-    const k: KeyValueBundle = [
-      {
-        key: 'up',
-        tolerance: '0.1',
-        value: { vectorVal: { value: ['0.123'] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res).toHaveProperty('down');
-    expect(res.down).toHaveProperty('tolerance', '-');
-    expect(res.down).toHaveProperty('value', '-');
-    expect(res).toHaveProperty('up');
-    expect(res.up).toHaveProperty('tolerance', '0.1');
-    expect(res.up).toHaveProperty('value', '0.123');
-  });
-
-  it('handles a kvb that has a matrixVal instead of a scalarval by ignoring it', () => {
-    const k: KeyValueBundle = [
-      {
-        key: 'up',
-        tolerance: '0.1',
-        value: { matrixVal: { value: [{ value: ['0.123'] }] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res).toHaveProperty('down');
-    expect(res.down).toHaveProperty('tolerance', '-');
-    expect(res.down).toHaveProperty('value', '-');
-    expect(res).toHaveProperty('up');
-    expect(res.up).toHaveProperty('tolerance', '0.1');
-    expect(res.up).toHaveProperty('value', '-');
-  });
-
-  it('ignores unexpected extra values in the kvb', () => {
-    const k: KeyValueBundle = [
-      {
-        key: 'up',
-        tolerance: '0.1',
-        value: { vectorVal: { value: ['0.123', '0.77'] } },
-      },
-      {
-        key: 'down',
-        tolerance: '0.001',
-        value: { vectorVal: { value: ['0.321'] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res).toHaveProperty('down');
-    expect(res.down).toHaveProperty('tolerance', '0.001');
-    expect(res.down).toHaveProperty('value', '0.321');
-    expect(res).toHaveProperty('up');
-    expect(res.up).toHaveProperty('tolerance', '0.1');
-    expect(res.up).toHaveProperty('value', '0.123');
-  });
-
-  it('handles a full kvb', () => {
-    const k: KeyValueBundle = [
-      {
-        key: 'up',
-        tolerance: '0.1',
-        value: { vectorVal: { value: ['0.123'] } },
-      },
-      {
-        key: 'down',
-        tolerance: '0.001',
-        value: { vectorVal: { value: ['0.321'] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res).toHaveProperty('down');
-    expect(res.down).toHaveProperty('tolerance', '0.001');
-    expect(res.down).toHaveProperty('value', '0.321');
-    expect(res).toHaveProperty('up');
-    expect(res.up).toHaveProperty('tolerance', '0.1');
-    expect(res.up).toHaveProperty('value', '0.123');
-  });
-});
@@ -1,87 +0,0 @@
-import { t } from '@vegaprotocol/react-helpers';
-import type { components } from '../../../../../types/explorer';
-import { Table, TableRow, TableHeader, TableCell } from '../../../table';
-
-interface StateVariableProposalBoundFactorsProps {
-  kvb: readonly components['schemas']['vegaKeyValueBundle'][];
-}
-
-/**
- * A dumb as rocks function completely tied to what the structure of this variable should be
- * @param kvb The key/value bundle
- * @returns Object
- */
-export function getValues(kvb: StateVariableProposalBoundFactorsProps['kvb']) {
-  const template = {
-    up: {
-      tolerance: '-',
-      value: '-',
-    },
-    down: {
-      tolerance: '-',
-      value: '-',
-    },
-  };
-
-  if (kvb && kvb.length > 0) {
-    kvb.forEach((v) => {
-      if (v.key === 'up') {
-        template.up.tolerance = v.tolerance || '-';
-        template.up.value = v.value?.vectorVal?.value
-          ? v.value?.vectorVal.value[0]
-          : '-';
-      } else if (v.key === 'down') {
-        template.down.tolerance = v.tolerance || '-';
-        template.down.value = v.value?.vectorVal?.value
-          ? v.value?.vectorVal.value[0]
-          : '-';
-      }
-    });
-  }
-
-  return template;
-}
-
-/**
- * State Variable proposals updating Bound Factors. This contains two bundles,
- * an up vector and a down vector
- *
- * This is nearly identical to risk factors.
- */
-export const StateVariableProposalBoundFactors = ({
-  kvb,
-}: StateVariableProposalBoundFactorsProps) => {
-  const v = getValues(kvb);
-
-  return (
-    <Table allowWrap={true} className="w-1/3">
-      <thead>
-        <TableRow modifier="bordered">
-          <TableHeader align="left">{t('Parameter')}</TableHeader>
-          <TableHeader align="center">{t('New value')}</TableHeader>
-          <TableHeader align="right">{t('Tolerance')}</TableHeader>
-        </TableRow>
-      </thead>
-      <tbody>
-        <TableRow modifier="bordered">
-          <TableCell>{t('Up')}</TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.up.value}
-          </TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.up.tolerance}
-          </TableCell>
-        </TableRow>
-        <TableRow modifier="bordered">
-          <TableCell>{t('Down')}</TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.down.value}
-          </TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.down.tolerance}
-          </TableCell>
-        </TableRow>
-      </tbody>
-    </Table>
-  );
-};
@@ -1,31 +0,0 @@
-import type { components } from '../../../../../types/explorer';
-import { StateVariableProposalUnknown } from './unknown';
-import { StateVariableProposalBoundFactors } from './bound-factors';
-import { StateVariableProposalRiskFactors } from './risk-factors';
-
-interface StateVariableProposalWrapperProps {
-  stateVariable: string | undefined;
-  kvb: readonly components['schemas']['vegaKeyValueBundle'][] | undefined;
-}
-
-/**
- * State Variable proposals
- */
-export const StateVariableProposalWrapper = ({
-  stateVariable,
-  kvb,
-}: StateVariableProposalWrapperProps) => {
-  if (!stateVariable || !kvb || kvb.length === 0) {
-    return null;
-  }
-
-  if (stateVariable.indexOf('bound-factors') !== -1) {
-    return <StateVariableProposalBoundFactors kvb={kvb} />;
-  } else if (stateVariable.indexOf('risk-factors') !== -1) {
-    return <StateVariableProposalRiskFactors kvb={kvb} />;
-  } else if (stateVariable.indexOf('probability_of_trading') !== -1) {
-    return <StateVariableProposalRiskFactors kvb={kvb} />;
-  } else {
-    return <StateVariableProposalUnknown kvb={kvb} />;
-  }
-};
@@ -1,124 +0,0 @@
-import { t } from '@vegaprotocol/react-helpers';
-import zip from 'lodash/zip';
-import type { components } from '../../../../../types/explorer';
-import { Table, TableRow, TableHeader, TableCell } from '../../../table';
-import { StateVariableProposalUnknown } from './unknown';
-
-interface StateVariableProposalRiskFactorsProps {
-  kvb: readonly components['schemas']['vegaKeyValueBundle'][];
-}
-
-/**
- * A dumb as rocks function completely tied to what the structure of this variable should be
- *
- * @param kvb The key/value bundle
- * @returns Object
- */
-export function getValues(kvb: StateVariableProposalRiskFactorsProps['kvb']) {
-  try {
-    const template = {
-      bid: {
-        offsetTolerance: '-',
-        probabilityTolerance: '-',
-        offset: [] as Readonly<string[]>,
-        probability: [] as Readonly<string[]>,
-        rows: [] as [string | undefined, string | undefined][],
-      },
-      ask: {
-        offsetTolerance: '-',
-        probabilityTolerance: '-',
-        offset: [] as Readonly<string[]>,
-        probability: [] as Readonly<string[]>,
-        rows: [] as [string | undefined, string | undefined][],
-      },
-    };
-
-    kvb.forEach((v) => {
-      if (v.key === 'bidOffset') {
-        template.bid.offsetTolerance = v.tolerance || '-';
-        template.bid.offset = v.value?.vectorVal?.value
-          ? v.value?.vectorVal?.value
-          : ['0'];
-      } else if (v.key === 'bidProbability') {
-        template.bid.probabilityTolerance = v.tolerance || '-';
-        template.bid.probability = v.value?.vectorVal?.value
-          ? v.value?.vectorVal?.value
-          : ['0'];
-      } else if (v.key === 'askOffset') {
-        template.ask.offsetTolerance = v.tolerance || '-';
-        template.ask.offset = v.value?.vectorVal?.value
-          ? v.value?.vectorVal?.value
-          : ['0'];
-      } else if (v.key === 'askProbability') {
-        template.ask.probabilityTolerance = v.tolerance || '-';
-        template.ask.probability = v.value?.vectorVal?.value
-          ? v.value?.vectorVal?.value
-          : ['0'];
-      }
-    });
-
-    // Bundles up offset and probability in to a row
-    if (template.bid.offset.length > 0 && template.bid.probability.length > 0) {
-      template.bid.rows = zip(template.bid.offset, template.bid.probability);
-    }
-    if (template.ask.offset.length > 0 && template.ask.probability.length > 0) {
-      template.ask.rows = zip(template.ask.offset, template.ask.probability);
-    }
-
-    return template;
-  } catch (e) {
-    // This will result in the table not being rendered
-    return null;
-  }
-}
-
-/**
- * State Variable proposals updating Risk Factors. This contains two bundles,
- * a long vector and a short vector
- */
-export const StateVariableProposalRiskFactors = ({
-  kvb,
-}: StateVariableProposalRiskFactorsProps) => {
-  const v = getValues(kvb);
-  const all = v ? zip(v.bid.rows, v.ask.rows) : [];
-
-  if (all.length === 0) {
-    // Give up, do a JSON view
-    return <StateVariableProposalUnknown kvb={kvb} />;
-  }
-
-  return (
-    <Table allowWrap={true} className="text-xs lg:text-base max-w-2xl">
-      <thead>
-        <TableRow modifier="bordered">
-          <TableHeader align="left">{t('Mid offset')}</TableHeader>
-          <TableHeader align="right">{t('Bid probability')}</TableHeader>
-          <TableHeader align="right" className="pl-2">
-            {t('Ask probability')}
-          </TableHeader>
-        </TableRow>
-      </thead>
-      <tbody>
-        {all.map((r) => {
-          // Simple remapping of the data to protect against undefineds
-          const row = {
-            o: r[0] ? r[0][0] : r[1] ? r[1][0] : '-',
-            b: r[0] ? r[0][1] : '-',
-            a: r[1] ? r[1][1] : '-',
-          };
-          return (
-            <TableRow key={`${row.o}${row.b}${row.a}`}>
-              <TableCell align="left">{row.o}</TableCell>
-              <TableCell align="right" className="font-mono">
-                {row.b}
-              </TableCell>
-              <TableCell align="right" className="pl-2 font-mono">
-                {row.a}
-              </TableCell>
-            </TableRow>
-          );
-        })}
-      </tbody>
-    </Table>
-  );
-};
@@ -1,168 +0,0 @@
-import { getValues, StateVariableProposalRiskFactors } from './risk-factors';
-import type { components } from '../../../../../types/explorer';
-import { render } from '@testing-library/react';
-
-type kvb = components['schemas']['vegaKeyValueBundle'][];
-
-describe('Risk Factors: getValues', () => {
-  it('returns null if null is passed in', () => {
-    const res = getValues(null as unknown as kvb);
-    expect(res).toBeNull();
-  });
-
-  it('returns a blank template if kvb is empty', () => {
-    const res = getValues([]);
-    expect(res).not.toBeNull();
-    expect(res?.bid.offsetTolerance).toEqual('-');
-    expect(res?.bid.probabilityTolerance).toEqual('-');
-    expect(res?.bid.probability).toEqual([]);
-    expect(res?.bid.offset).toEqual([]);
-    expect(res?.bid.rows.length).toEqual(0);
-
-    expect(res?.ask.offsetTolerance).toEqual('-');
-    expect(res?.ask.probabilityTolerance).toEqual('-');
-    expect(res?.ask.probability).toEqual([]);
-    expect(res?.ask.offset).toEqual([]);
-    expect(res?.ask.rows.length).toEqual(0);
-  });
-
-  it('parses out a correct bid offset and probability', () => {
-    const k: kvb = [
-      {
-        key: 'bidOffset',
-        value: { vectorVal: { value: ['1'] } },
-      },
-      {
-        key: 'bidProbability',
-        value: { vectorVal: { value: ['2'] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res?.bid.offset).toEqual(['1']);
-    expect(res?.bid.probability).toEqual(['2']);
-    expect(res?.bid.rows).toEqual([['1', '2']]);
-  });
-
-  it('parses out a correct ask offset and probability', () => {
-    const k: kvb = [
-      {
-        key: 'askOffset',
-        value: { vectorVal: { value: ['1'] } },
-      },
-      {
-        key: 'askProbability',
-        value: { vectorVal: { value: ['2'] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res?.ask.offset).toEqual(['1']);
-    expect(res?.ask.probability).toEqual(['2']);
-    expect(res?.ask.rows).toEqual([['1', '2']]);
-  });
-
-  it('parses out a correct ask/bid offset and probability', () => {
-    const k: kvb = [
-      {
-        key: 'askOffset',
-        value: { vectorVal: { value: ['1'] } },
-      },
-      {
-        key: 'askProbability',
-        value: { vectorVal: { value: ['2'] } },
-      },
-      {
-        key: 'bidOffset',
-        value: { vectorVal: { value: ['3'] } },
-      },
-      {
-        key: 'bidProbability',
-        value: { vectorVal: { value: ['4'] } },
-      },
-    ];
-
-    const res = getValues(k);
-    expect(res?.ask.rows).toEqual([['1', '2']]);
-    expect(res?.bid.rows).toEqual([['3', '4']]);
-  });
-});
-
-describe('Risk Factors: component', () => {
-  it('renders 3 rows correctly', () => {
-    const k: kvb = [
-      {
-        key: 'askOffset',
-        value: { vectorVal: { value: ['1.1', '1.2', '1.3'] } },
-      },
-      {
-        key: 'askProbability',
-        value: { vectorVal: { value: ['2.2', '2.3', '2.4'] } },
-      },
-      {
-        key: 'bidOffset',
-        value: { vectorVal: { value: ['1.1', '1.2', '1.3'] } },
-      },
-      {
-        key: 'bidProbability',
-        value: { vectorVal: { value: ['4.4', '4.5', '4.6'] } },
-      },
-    ];
-
-    const screen = render(<StateVariableProposalRiskFactors kvb={k} />);
-    expect(screen.getByText('Mid offset')).toBeInTheDocument();
-    expect(screen.getByText('Bid probability')).toBeInTheDocument();
-    expect(screen.getByText('Ask probability')).toBeInTheDocument();
-    // First row
-    expect(screen.getByText('1.1')).toBeInTheDocument();
-    expect(screen.getByText('2.2')).toBeInTheDocument();
-    expect(screen.getByText('4.4')).toBeInTheDocument();
-    // Second row
-    expect(screen.getByText('1.2')).toBeInTheDocument();
-    expect(screen.getByText('2.3')).toBeInTheDocument();
-    expect(screen.getByText('4.5')).toBeInTheDocument();
-    // Third row
-    expect(screen.getByText('1.3')).toBeInTheDocument();
-    expect(screen.getByText('2.4')).toBeInTheDocument();
-    expect(screen.getByText('4.6')).toBeInTheDocument();
-  });
-
-  it('renders uneven row counts correctly', () => {
-    const k: kvb = [
-      {
-        key: 'askOffset',
-        value: { vectorVal: { value: ['1.1'] } },
-      },
-      {
-        key: 'askProbability',
-        value: { vectorVal: { value: ['2.2'] } },
-      },
-      {
-        key: 'bidOffset',
-        value: { vectorVal: { value: ['1.1', '1.2', '1.3'] } },
-      },
-      {
-        key: 'bidProbability',
-        value: { vectorVal: { value: ['4.4', '4.5', '4.6'] } },
-      },
-    ];
-
-    const screen = render(<StateVariableProposalRiskFactors kvb={k} />);
-    expect(screen.getByText('Mid offset')).toBeInTheDocument();
-    expect(screen.getByText('Bid probability')).toBeInTheDocument();
-    expect(screen.getByText('Ask probability')).toBeInTheDocument();
-    // First row, as previous test
-    expect(screen.getByText('1.1')).toBeInTheDocument();
-    expect(screen.getByText('2.2')).toBeInTheDocument();
-    expect(screen.getByText('4.4')).toBeInTheDocument();
-    // Second row - offset comes from bid, not ask
-    expect(screen.getByText('1.2')).toBeInTheDocument();
-    expect(screen.getByText('4.5')).toBeInTheDocument();
-    // Third row
-    expect(screen.getByText('1.3')).toBeInTheDocument();
-    expect(screen.getByText('4.6')).toBeInTheDocument();
-
-    // The askOffset levels without a probability render -
-    expect(screen.getAllByText('-')).toHaveLength(2);
-  });
-});
@@ -1,52 +0,0 @@
-import { t } from '@vegaprotocol/react-helpers';
-import type { components } from '../../../../../types/explorer';
-import { Table, TableRow, TableHeader, TableCell } from '../../../table';
-import { getValues } from './bound-factors';
-
-interface StateVariableProposalBoundFactorsProps {
-  kvb: readonly components['schemas']['vegaKeyValueBundle'][];
-}
-
-/**
- * State Variable proposals updating Bound Factors. This contains two bundles,
- * an up vector and a down vector
- *
- * This is nearly identical to risk factors.
- */
-export const StateVariableProposalBoundFactors = ({
-  kvb,
-}: StateVariableProposalBoundFactorsProps) => {
-  const v = getValues(kvb);
-
-  return (
-    <Table allowWrap={true} className="w-1/3">
-      <thead>
-        <TableRow modifier="bordered">
-          <TableHeader align="left">{t('Parameter')}</TableHeader>
-          <TableHeader align="center">{t('New value')}</TableHeader>
-          <TableHeader align="right">{t('Tolerance')}</TableHeader>
-        </TableRow>
-      </thead>
-      <tbody>
-        <TableRow modifier="bordered">
-          <TableCell>{t('Up')}</TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.up.value}
-          </TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.up.tolerance}
-          </TableCell>
-        </TableRow>
-        <TableRow modifier="bordered">
-          <TableCell>{t('Down')}</TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.down.value}
-          </TableCell>
-          <TableCell align="right" className="font-mono">
-            {v.down.tolerance}
-          </TableCell>
-        </TableRow>
-      </tbody>
-    </Table>
-  );
-};
@@ -1,16 +0,0 @@
-import { SyntaxHighlighter } from '@vegaprotocol/ui-toolkit';
-import type { components } from '../../../../../types/explorer';
-
-interface StateVariableProposalUnknownProps {
-  kvb: readonly components['schemas']['vegaKeyValueBundle'][];
-}
-
-/**
- * State Variable proposals of an unknown type. Let's just dump
- * it out.
- */
-export const StateVariableProposalUnknown = ({
-  kvb,
-}: StateVariableProposalUnknownProps) => {
-  return <SyntaxHighlighter data={kvb} />;
-};
@@ -53,7 +53,7 @@ export const TxDetailsBatch = ({
  let index = 0;
  return (
    <div key={`tx-${index}`}>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -32,7 +32,7 @@ export const TxDetailsChainEvent = ({
  }

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      <ChainEvent txData={txData} />
    </TableWithTbody>
@@ -38,7 +38,7 @@ export const TxDetailsDataSubmission = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -35,7 +35,7 @@ export const TxDetailsDelegate = ({
    txData.command.delegateSubmission;

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      {d.nodeId ? (
        <TableRow modifier="bordered">
@@ -1,62 +0,0 @@
-import { t } from '@vegaprotocol/react-helpers';
-import { TxDetailsShared } from './shared/tx-details-shared';
-import { TableCell, TableRow, TableWithTbody } from '../../table';
-import { BlockLink } from '../../links';
-import { StatusMessage } from '../../status-message';
-import { ENV } from '../../../config/env';
-import { ExternalLink } from '@vegaprotocol/ui-toolkit';
-
-import type { BlockExplorerTransactionResult } from '../../../routes/types/block-explorer-response';
-import type { TendermintBlocksResponse } from '../../../routes/blocks/tendermint-blocks-response';
-import type { components } from '../../../../types/explorer';
-
-interface TxDetailsProtocolUpgradeProps {
-  txData: BlockExplorerTransactionResult | undefined;
-  pubKey: string | undefined;
-  blockData: TendermintBlocksResponse | undefined;
-}
-
-/**
- * Validator event: Protocol Upgrade proposal
- */
-export const TxDetailsProtocolUpgrade = ({
-  txData,
-  pubKey,
-  blockData,
-}: TxDetailsProtocolUpgradeProps) => {
-  if (!txData) {
-    return <>{t('Awaiting Block Explorer transaction details')}</>;
-  }
-
-  const upgrade: components['schemas']['v1ProtocolUpgradeProposal'] =
-    txData.command.protocolUpgradeProposal;
-
-  if (!upgrade || !upgrade.upgradeBlockHeight || !upgrade.vegaReleaseTag) {
-    return (
-      <StatusMessage>{t('Invalid upgrade proposal format')}</StatusMessage>
-    );
-  }
-
-  const urlBase = ENV.dataSources.vegaRepoUrl;
-  const release = upgrade.vegaReleaseTag;
-
-  return (
-    <TableWithTbody className="mb-8">
-      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
-      <TableRow modifier="bordered">
-        <TableCell>{t('Upgrade at block')}</TableCell>
-        <TableCell>
-          <BlockLink height={upgrade.upgradeBlockHeight} />
-        </TableCell>
-      </TableRow>
-      <TableRow modifier="bordered">
-        <TableCell>{t('Upgrade to')}</TableCell>
-        <TableCell>
-          <ExternalLink href={`${urlBase}${release}`}>
-            {upgrade.vegaReleaseTag}
-          </ExternalLink>
-        </TableCell>
-      </TableRow>
-    </TableWithTbody>
-  );
-};
@@ -8,8 +8,10 @@ import { TxDetailsHeartbeat } from './tx-hearbeat';
 import { TxDetailsGeneric } from './tx-generic';
 import { TxDetailsBatch } from './tx-batch';
 import { TxDetailsChainEvent } from './tx-chain-event';
+import { TxContent } from '../../../routes/txs/id/tx-content';
 import { TxDetailsNodeVote } from './tx-node-vote';
 import { TxDetailsOrderCancel } from './tx-order-cancel';
+import get from 'lodash/get';
 import { TxDetailsOrderAmend } from './tx-order-amend';
 import { TxDetailsWithdrawSubmission } from './tx-withdraw-submission';
 import { TxDetailsDelegate } from './tx-delegation';
@@ -19,9 +21,6 @@ import { TxDetailsLiquidityAmendment } from './tx-liquidity-amend';
 import { TxDetailsLiquidityCancellation } from './tx-liquidity-cancel';
 import { TxDetailsDataSubmission } from './tx-data-submission';
 import { TxProposalVote } from './tx-proposal-vote';
-import { TxDetailsProtocolUpgrade } from './tx-details-protocol-upgrade';
-import { TxDetailsIssueSignatures } from './tx-issue-signatures';
-import { TxDetailsStateVariable } from './tx-state-variable-proposal';

 interface TxDetailsWrapperProps {
  txData: BlockExplorerTransactionResult | undefined;
@@ -47,9 +46,23 @@ export const TxDetailsWrapper = ({
    return <>{t('Awaiting Block Explorer transaction details')}</>;
  }

+  const raw = get(blockData, `result.block.data.txs[${txData.index}]`);
+
  return (
    <div key={`txd-${txData.hash}`}>
      <section>{child({ txData, pubKey, blockData })}</section>
+
+      <details title={t('Decoded transaction')} className="mt-3">
+        <summary className="cursor-pointer">{t('Decoded transaction')}</summary>
+        <TxContent data={txData} />
+      </details>
+
+      {raw ? (
+        <details title={t('Raw transaction')} className="mt-3">
+          <summary className="cursor-pointer">{t('Raw transaction')}</summary>
+          <code className="break-all font-mono text-xs">{raw}</code>
+        </details>
+      ) : null}
    </div>
  );
 };
@@ -69,14 +82,10 @@ function getTransactionComponent(txData?: BlockExplorerTransactionResult) {

  // These come from https://github.com/vegaprotocol/vega/blob/develop/core/txn/command.go#L72-L98
  switch (txData.type) {
-    case 'Issue Signatures':
-      return TxDetailsIssueSignatures;
    case 'Submit Order':
      return TxDetailsOrder;
    case 'Submit Oracle Data':
      return TxDetailsDataSubmission;
-    case 'Protocol Upgrade':
-      return TxDetailsProtocolUpgrade;
    case 'Cancel Order':
      return TxDetailsOrderCancel;
    case 'Amend Order':
@@ -103,8 +112,6 @@ function getTransactionComponent(txData?: BlockExplorerTransactionResult) {
      return TxDetailsDelegate;
    case 'Undelegate':
      return TxDetailsUndelegate;
-    case 'State Variable Proposal':
-      return TxDetailsStateVariable;
    default:
      return TxDetailsGeneric;
  }
@@ -11,7 +11,8 @@ interface TxDetailsGenericProps {
 }

 /**
- * A node is
+ * If there is not yet a custom component for a transaction, just display
+ * the basic details. This allows someone to view the decoded transaction.
 */
 export const TxDetailsGeneric = ({
  txData,
@@ -23,7 +24,7 @@ export const TxDetailsGeneric = ({
  }

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
    </TableWithTbody>
  );
@@ -60,7 +60,7 @@ export const TxDetailsHeartbeat = ({
  const blockHeight = txData.command.blockHeight || '';

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      <TableRow modifier="bordered">
        <TableCell>{t('Node')}</TableCell>
@@ -1,77 +0,0 @@
-import { t } from '@vegaprotocol/react-helpers';
-import type { BlockExplorerTransactionResult } from '../../../routes/types/block-explorer-response';
-import type { TendermintBlocksResponse } from '../../../routes/blocks/tendermint-blocks-response';
-import { TxDetailsShared } from './shared/tx-details-shared';
-import { TableRow, TableCell, TableWithTbody } from '../../table';
-
-import type { components } from '../../../../types/explorer';
-import {
-  EthExplorerLink,
-  EthExplorerLinkTypes,
-} from '../../links/eth-explorer-link/eth-explorer-link';
-import { NodeLink } from '../../links';
-
-type Command = components['schemas']['v1IssueSignatures'];
-
-const kind: Record<components['schemas']['v1NodeSignatureKind'], string> = {
-  NODE_SIGNATURE_KIND_UNSPECIFIED: 'Unspecified',
-  NODE_SIGNATURE_KIND_ASSET_NEW: 'New asset',
-  NODE_SIGNATURE_KIND_ASSET_WITHDRAWAL: 'Asset withdrawal',
-  NODE_SIGNATURE_KIND_ASSET_UPDATE: ' Asset update',
-  NODE_SIGNATURE_KIND_ERC20_MULTISIG_SIGNER_ADDED: 'Multisig signer added',
-  NODE_SIGNATURE_KIND_ERC20_MULTISIG_SIGNER_REMOVED: 'Multisig signer removed',
-};
-
-interface TxDetailsGenericProps {
-  txData: BlockExplorerTransactionResult | undefined;
-  pubKey: string | undefined;
-  blockData: TendermintBlocksResponse | undefined;
-}
-
-/**
- * If there is not yet a custom component for a transaction, just display
- * the basic details. This allows someone to view the decoded transaction.
- */
-export const TxDetailsIssueSignatures = ({
-  txData,
-  pubKey,
-  blockData,
-}: TxDetailsGenericProps) => {
-  if (!txData) {
-    return <>{t('Awaiting Block Explorer transaction details')}</>;
-  }
-
-  const cmd: Command = txData.command;
-  const k = cmd.kind ? kind[cmd.kind] : null;
-
-  return (
-    <TableWithTbody className="mb-8">
-      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
-      {k ? (
-        <TableRow modifier="bordered">
-          <TableCell>{t('Kind')}</TableCell>
-          <TableCell>{k}</TableCell>
-        </TableRow>
-      ) : null}
-      {cmd.submitter ? (
-        <TableRow modifier="bordered">
-          <TableCell>{t('ETH key')}</TableCell>
-          <TableCell>
-            <EthExplorerLink
-              id={cmd.submitter}
-              type={EthExplorerLinkTypes.address}
-            />
-          </TableCell>
-        </TableRow>
-      ) : null}
-      {cmd.validatorNodeId ? (
-        <TableRow modifier="bordered">
-          <TableCell>{t('Validator')}</TableCell>
-          <TableCell>
-            <NodeLink id={cmd.validatorNodeId} />
-          </TableCell>
-        </TableRow>
-      ) : null}
-    </TableWithTbody>
-  );
-};
@@ -36,7 +36,7 @@ export const TxDetailsLiquidityAmendment = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -1,11 +1,10 @@
 import { t } from '@vegaprotocol/react-helpers';
+import type { BlockExplorerTransactionResult } from '../../../routes/types/block-explorer-response';
 import { MarketLink } from '../../links';
+import type { TendermintBlocksResponse } from '../../../routes/blocks/tendermint-blocks-response';
 import { TxDetailsShared } from './shared/tx-details-shared';
 import { TableCell, TableRow, TableWithTbody } from '../../table';
-
 import type { components } from '../../../../types/explorer';
-import type { TendermintBlocksResponse } from '../../../routes/blocks/tendermint-blocks-response';
-import type { BlockExplorerTransactionResult } from '../../../routes/types/block-explorer-response';

 export type LiquidityCancellation =
  components['schemas']['v1LiquidityProvisionCancellation'];
@@ -37,7 +36,7 @@ export const TxDetailsLiquidityCancellation = ({
  const marketId: string = cancel.marketId || '-';

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      <TableRow modifier="bordered">
        <TableCell>{t('Market')}</TableCell>
@@ -35,7 +35,7 @@ export const TxDetailsLiquiditySubmission = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -42,7 +42,7 @@ export const TxDetailsNodeVote = ({
  }

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      {data && !!data.deposit
        ? TxDetailsNodeVoteDeposit({ deposit: data })
@@ -29,7 +29,7 @@ export const TxDetailsOrderAmend = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -29,7 +29,7 @@ export const TxDetailsOrderCancel = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -6,7 +6,6 @@ import { TxDetailsShared } from './shared/tx-details-shared';
 import { TableCell, TableRow, TableWithTbody } from '../../table';
 import { txSignatureToDeterministicId } from '../lib/deterministic-ids';
 import DeterministicOrderDetails from '../../order-details/deterministic-order-details';
-import Hash from '../../links/hash';

 interface TxDetailsOrderProps {
  txData: BlockExplorerTransactionResult | undefined;
@@ -39,7 +38,7 @@ export const TxDetailsOrder = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -48,7 +47,7 @@ export const TxDetailsOrder = ({
        <TableRow modifier="bordered">
          <TableCell>{t('Order')}</TableCell>
          <TableCell>
-            <Hash text={deterministicId} />
+            <code>{deterministicId}</code>
          </TableCell>
        </TableRow>
        <TableRow modifier="bordered">
@@ -32,7 +32,7 @@ export const TxProposalVote = ({

  const vote = txData.command.voteSubmission.value ? '👍' : '👎';
  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      <TableRow modifier="bordered">
        <TableCell>{t('Proposal ID')}</TableCell>
@@ -1,57 +0,0 @@
-import {
-  hackyGetMarketFromStateVariable,
-  hackyGetVariableFromStateVariable,
-} from './tx-state-variable-proposal';
-
-describe('Hacky Get market from state variable', () => {
-  it('Extracts a market id from a known state variable proposal id', () => {
-    const knownId =
-      '84fff099818dc4f5319477f0812b4341565cfb32ccf735beede734e386b8108f_5d69ff4a485a9f963272c8614c1d0d84bb8ea57886f5b11aad53f0ccc77731ba_probability_of_trading';
-    const res = hackyGetMarketFromStateVariable(knownId);
-    expect(res).toEqual(
-      '5d69ff4a485a9f963272c8614c1d0d84bb8ea57886f5b11aad53f0ccc77731ba'
-    );
-  });
-
-  it('Returns null if the string looks a bit like the known one, but with different segments', () => {
-    const knownId =
-      '5d69ff4a485a9f963272c8614c1d0d84bb8ea57886f5b11aad53f0ccc77731ba_probability_of_trading';
-    const res = hackyGetMarketFromStateVariable(knownId);
-    expect(res).toEqual(null);
-  });
-
-  it('Handles empty/weird data', () => {
-    expect(hackyGetMarketFromStateVariable(null as unknown as string)).toEqual(
-      null
-    );
-    expect(hackyGetMarketFromStateVariable('')).toEqual(null);
-    expect(
-      hackyGetMarketFromStateVariable(undefined as unknown as string)
-    ).toEqual(null);
-    expect(hackyGetMarketFromStateVariable(2 as unknown as string)).toEqual(
-      null
-    );
-  });
-});
-
-describe('Hacky Get Variable from state variable proposal id', () => {
-  it('Extracts an variable name from a known state variable proposal id', () => {
-    const knownId =
-      '84fff099818dc4f5319477f0812b4341565cfb32ccf735beede734e386b8108f_5d69ff4a485a9f963272c8614c1d0d84bb8ea57886f5b11aad53f0ccc77731ba_probability_of_trading';
-    const res = hackyGetVariableFromStateVariable(knownId);
-    expect(res).toEqual('probability of trading');
-  });
-
-  it('Handles empty/weird data', () => {
-    expect(
-      hackyGetVariableFromStateVariable(null as unknown as string)
-    ).toEqual(null);
-    expect(hackyGetVariableFromStateVariable('')).toEqual(null);
-    expect(
-      hackyGetVariableFromStateVariable(undefined as unknown as string)
-    ).toEqual(null);
-    expect(hackyGetVariableFromStateVariable(2 as unknown as string)).toEqual(
-      null
-    );
-  });
-});
@@ -1,113 +0,0 @@
-import { t } from '@vegaprotocol/react-helpers';
-import { TxDetailsShared } from './shared/tx-details-shared';
-import { TableCell, TableRow, TableWithTbody } from '../../table';
-import { MarketLink } from '../../links';
-
-import type { components } from '../../../../types/explorer';
-import type { BlockExplorerTransactionResult } from '../../../routes/types/block-explorer-response';
-import type { TendermintBlocksResponse } from '../../../routes/blocks/tendermint-blocks-response';
-import { StateVariableProposalWrapper } from './state-variable/data-wrapper';
-
-interface TxDetailsStateVariableProps {
-  txData: BlockExplorerTransactionResult | undefined;
-  pubKey: string | undefined;
-  blockData: TendermintBlocksResponse | undefined;
-}
-
-/**
- * There is no market ID in the event, but it appears to be encoded in to the variable
- * ID so let's pull it out. MarketLink component will handle if it isn't a real market.
- *
- * Given how liable to break this is, it's wrapped in a try catch
- *
- * @param stateVarId The full state variable proposal variable name
- * @returns null or a string market id
- */
-export function hackyGetMarketFromStateVariable(
-  stateVarId?: string
-): string | null {
-  try {
-    const res = stateVarId ? stateVarId.split('_')[1] : null;
-    return res && res.length === 64 ? res : null;
-  } catch (e) {
-    return null;
-  }
-}
-
-/**
- * There is no event name in the event, but it appears to be encoded in to the variable
- * ID so let's pull it out. Will display nothing if it doesn't parse as expected
- *
- * Given how liable to break this is, it's wrapped in a try catch
- *
- * @param stateVarId The full state variable proposal variable name
- * @returns null or a string variable name
- */
-export function hackyGetVariableFromStateVariable(
-  stateVarId?: string
-): string | null {
-  try {
-    if (!stateVarId) {
-      return null;
-    }
-
-    return stateVarId.split('_').slice(2).join(' ').replace('-', ' ');
-  } catch (e) {
-    return null;
-  }
-}
-
-/**
- * State Variable proposals
- */
-export const TxDetailsStateVariable = ({
-  txData,
-  pubKey,
-  blockData,
-}: TxDetailsStateVariableProps) => {
-  if (!txData) {
-    return <>{t('Awaiting Block Explorer transaction details')}</>;
-  }
-
-  const command: components['schemas']['v1StateVariableProposal'] =
-    txData.command.stateVariableProposal;
-
-  const variable = hackyGetVariableFromStateVariable(
-    command.proposal?.stateVarId
-  );
-  const marketId = hackyGetMarketFromStateVariable(
-    command.proposal?.stateVarId
-  );
-
-  return (
-    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
-        <TxDetailsShared
-          txData={txData}
-          pubKey={pubKey}
-          blockData={blockData}
-        />
-        {marketId ? (
-          <TableRow modifier="bordered">
-            <TableCell>{t('Market')}</TableCell>
-            <TableCell>
-              <MarketLink id={marketId} />
-            </TableCell>
-          </TableRow>
-        ) : null}
-        <TableRow modifier="bordered">
-          <TableCell>{t('Variable')}</TableCell>
-          <TableCell className="capitalize">
-            <span>{variable}</span>
-          </TableCell>
-        </TableRow>
-      </TableWithTbody>
-      <section>
-        <StateVariableProposalWrapper
-          stateVariable={command.proposal?.stateVarId}
-          kvb={command.proposal?.kvb}
-        />
-      </section>
-    </>
-  );
-};
@@ -46,7 +46,7 @@ export const TxDetailsUndelegate = ({
    txData.command.undelegateSubmission;

  return (
-    <TableWithTbody className="mb-8" allowWrap={true}>
+    <TableWithTbody className="mb-8">
      <TxDetailsShared txData={txData} pubKey={pubKey} blockData={blockData} />
      {u.nodeId ? (
        <TableRow modifier="bordered">
@@ -41,7 +41,7 @@ export const TxDetailsWithdrawSubmission = ({

  return (
    <>
-      <TableWithTbody className="mb-8" allowWrap={true}>
+      <TableWithTbody className="mb-8">
        <TxDetailsShared
          txData={txData}
          pubKey={pubKey}
@@ -1,75 +0,0 @@
-import { useState } from 'react';
-import { t } from '@vegaprotocol/react-helpers';
-import get from 'lodash/get';
-import { Select } from '@vegaprotocol/ui-toolkit';
-
-import type { BlockExplorerTransactionResult } from '../../routes/types/block-explorer-response';
-import type { TendermintBlocksResponse } from '../../routes/blocks/tendermint-blocks-response';
-
-export function getClassName(showTxData: ShowTxDataType) {
-  const baseClasses =
-    'font-mono bg-neutral-300 text-[11px] leading-3 text-gray-900 w-full p-2 max-w-[615px]';
-  if (showTxData === 'JSON') {
-    return `${baseClasses} whitespace-pre overflow-x-scroll`;
-  } else {
-    return baseClasses;
-  }
-}
-
-export function getContents(
-  showTxData: ShowTxDataType,
-  txData: BlockExplorerTransactionResult | null,
-  blockData: TendermintBlocksResponse | null | undefined
-) {
-  if (showTxData === 'JSON') {
-    if (txData) {
-      return JSON.stringify(txData.command, undefined, 1);
-    }
-  } else {
-    if (txData && blockData) {
-      return get(blockData, `result.block.data.txs[${txData.index}]`);
-    }
-  }
-
-  return '-';
-}
-
-type ShowTxDataType = 'JSON' | 'base64';
-
-interface TxDataViewProps {
-  txData: BlockExplorerTransactionResult | undefined;
-  blockData: TendermintBlocksResponse | undefined;
-}
-
-export const TxDataView = ({ txData, blockData }: TxDataViewProps) => {
-  const [showTxData, setShowTxData] = useState<ShowTxDataType>('JSON');
-
-  if (!txData) {
-    return <>{t('Awaiting Block Explorer transaction details')}</>;
-  }
-
-  return (
-    <details title={t('Show raw transaction')}>
-      <summary className="cursor-pointer">{t('Show raw transaction')}</summary>
-      <div className="py-4">
-        <textarea
-          readOnly={true}
-          className={getClassName(showTxData)}
-          rows={12}
-          cols={120}
-          value={getContents(showTxData, txData, blockData)}
-        />
-        <div className="w-40">
-          <Select
-            placeholder="View as..."
-            onChange={(v) => setShowTxData(v.target.value as ShowTxDataType)}
-            value={showTxData}
-          >
-            <option value={'JSON'}>JSON</option>
-            <option value={'base64'}>Base64</option>
-          </Select>
-        </div>
-      </div>
-    </details>
-  );
-};
@@ -115,7 +115,7 @@ export const TxsInfiniteList = ({
              className="List"
              height={995}
              itemCount={itemCount}
-              itemSize={isStacked ? 134 : 50}
+              itemSize={isStacked ? 134 : 72}
              onItemsRendered={onItemsRendered}
              ref={ref}
              width={'100%'}
@@ -10,7 +10,6 @@ const truthy = ['1', 'true'];
 export const ENV = {
  // Data sources
  // Environment
-  env: windowOrDefault('NX_VEGA_ENV'),
  dsn: windowOrDefault('NX_EXPLORER_SENTRY_DSN'),
  dataSources: {
    blockExplorerUrl: windowOrDefault('NX_BLOCK_EXPLORER'),
@@ -18,7 +17,6 @@ export const ENV = {
    tendermintWebsocketUrl: windowOrDefault('NX_TENDERMINT_WEBSOCKET_URL'),
    ethExplorerUrl: windowOrDefault('NX_ETHERSCAN_URL'),
    governanceUrl: windowOrDefault('NX_VEGA_GOVERNANCE_URL'),
-    vegaRepoUrl: windowOrDefault('NX_VEGA_REPO_URL'),
  },
  flags: {
    assets: truthy.includes(windowOrDefault('NX_EXPLORER_ASSETS')),
@@ -5,7 +5,6 @@ import type {
  BlockExplorerTransactions,
 } from '../routes/types/block-explorer-response';
 import { DATA_SOURCES } from '../config';
-import isNumber from 'lodash/isNumber';

 export interface TxsStateProps {
  txsData: BlockExplorerTransactionResult[];
@@ -55,15 +54,15 @@ export const useTxsData = ({ limit, filters }: IUseTxsData) => {
  } = useFetch<BlockExplorerTransactions>(url, {}, false);

  useEffect(() => {
-    if (data && isNumber(data?.transactions?.length)) {
+    if (data?.transactions?.length) {
      setTxsState((prev) => ({
        txsData: [...prev.txsData, ...data.transactions],
-        hasMoreTxs: data.transactions.length > 0,
+        hasMoreTxs: true,
        lastCursor:
-          data.transactions[data.transactions.length - 1]?.cursor || '',
+          data.transactions[data.transactions.length - 1].cursor || '',
      }));
    }
-  }, [setTxsState, data]);
+  }, [setTxsState, data?.transactions]);

  const loadTxs = useCallback(() => {
    return refetch({
@@ -10,7 +10,7 @@ export type ExplorerOracleDataConnectionFragment = { __typename?: 'OracleSpec',
 export type ExplorerOracleSpecsQueryVariables = Types.Exact<{ [key: string]: never; }>;


-export type ExplorerOracleSpecsQuery = { __typename?: 'Query', oracleSpecsConnection?: { __typename?: 'OracleSpecsConnection', pageInfo: { __typename?: 'PageInfo', hasNextPage: boolean }, edges?: Array<{ __typename?: 'OracleSpecEdge', node: { __typename?: 'OracleSpec', dataSourceSpec: { __typename?: 'ExternalDataSourceSpec', spec: { __typename?: 'DataSourceSpec', id: string, createdAt: any, updatedAt?: any | null, status: Types.DataSourceSpecStatus, data: { __typename?: 'DataSourceDefinition', sourceType: { __typename?: 'DataSourceDefinitionExternal', sourceType: { __typename?: 'DataSourceSpecConfiguration', signers?: Array<{ __typename?: 'Signer', signer: { __typename?: 'ETHAddress', address?: string | null } | { __typename?: 'PubKey', key?: string | null } }> | null, filters?: Array<{ __typename?: 'Filter', key: { __typename?: 'PropertyKey', name?: string | null, type: Types.PropertyKeyType }, conditions?: Array<{ __typename?: 'Condition', value?: string | null, operator: Types.ConditionOperator }> | null }> | null } } | { __typename?: 'DataSourceDefinitionInternal', sourceType: { __typename?: 'DataSourceSpecConfigurationTime', conditions: Array<{ __typename?: 'Condition', value?: string | null, operator: Types.ConditionOperator } | null> } } } } } } } | null> | null } | null };
+export type ExplorerOracleSpecsQuery = { __typename?: 'Query', oracleSpecsConnection?: { __typename?: 'OracleSpecsConnection', pageInfo: { __typename?: 'PageInfo', hasNextPage: boolean }, edges?: Array<{ __typename?: 'OracleSpecEdge', node: { __typename?: 'OracleSpec', dataSourceSpec: { __typename?: 'ExternalDataSourceSpec', spec: { __typename?: 'DataSourceSpec', id: string, createdAt: any, updatedAt?: any | null, status: Types.DataSourceSpecStatus, data: { __typename?: 'DataSourceDefinition', sourceType: { __typename?: 'DataSourceDefinitionExternal', sourceType: { __typename?: 'DataSourceSpecConfiguration', signers?: Array<{ __typename?: 'Signer', signer: { __typename?: 'ETHAddress', address?: string | null } | { __typename?: 'PubKey', key?: string | null } }> | null, filters?: Array<{ __typename?: 'Filter', key: { __typename?: 'PropertyKey', name?: string | null, type: Types.PropertyKeyType }, conditions?: Array<{ __typename?: 'Condition', value?: string | null, operator: Types.ConditionOperator }> | null }> | null } } | { __typename?: 'DataSourceDefinitionInternal', sourceType: { __typename?: 'DataSourceSpecConfigurationTime', conditions: Array<{ __typename?: 'Condition', value?: string | null, operator: Types.ConditionOperator } | null> } } } } }, dataConnection: { __typename?: 'OracleDataConnection', pageInfo: { __typename?: 'PageInfo', hasNextPage: boolean }, edges?: Array<{ __typename?: 'OracleDataEdge', node: { __typename?: 'OracleData', externalData: { __typename?: 'ExternalData', data: { __typename?: 'Data', matchedSpecIds?: Array<string> | null, broadcastAt: any, signers?: Array<{ __typename?: 'Signer', signer: { __typename?: 'ETHAddress', address?: string | null } | { __typename?: 'PubKey', key?: string | null } }> | null, data?: Array<{ __typename?: 'Property', name: string, value: string }> | null } } } } | null> | null } } } | null> | null } | null };

 export type ExplorerOracleSpecByIdQueryVariables = Types.Exact<{
  id: Types.Scalars['ID'];
@@ -73,7 +73,7 @@ export const ExplorerOracleDataSourceFragmentDoc = gql`
    `;
 export const ExplorerOracleDataConnectionFragmentDoc = gql`
    fragment ExplorerOracleDataConnection on OracleSpec {
-  dataConnection {
+  dataConnection(pagination: {first: 1}) {
    pageInfo {
      hasNextPage
    }
@@ -113,11 +113,13 @@ export const ExplorerOracleSpecsDocument = gql`
    edges {
      node {
        ...ExplorerOracleDataSource
+        ...ExplorerOracleDataConnection
      }
    }
  }
 }
-    ${ExplorerOracleDataSourceFragmentDoc}`;
+    ${ExplorerOracleDataSourceFragmentDoc}
+${ExplorerOracleDataConnectionFragmentDoc}`;

 /**
 * __useExplorerOracleSpecsQuery__
@@ -22,7 +22,7 @@ export type SourceType =
 interface OracleDetailsProps {
  id: string;
  dataSource: ExplorerOracleDataSourceFragment;
-  dataConnection?: ExplorerOracleDataConnectionFragment;
+  dataConnection: ExplorerOracleDataConnectionFragment;
  // Defaults to false. Hides the count of 'broadcasts' this oracle has seen
  showBroadcasts?: boolean;
 }
@@ -41,8 +41,7 @@ export const OracleDetails = ({
  showBroadcasts = false,
 }: OracleDetailsProps) => {
  const sourceType = dataSource.dataSourceSpec.spec.data.sourceType;
-  const reportsCount: number =
-    dataConnection?.dataConnection.edges?.length || 0;
+  const reportsCount: number = dataConnection.dataConnection.edges?.length || 0;

  return (
    <div>
@@ -64,9 +63,7 @@ export const OracleDetails = ({
        </TableRow>
      </TableWithTbody>
      <OracleFilter data={dataSource} />
-      {showBroadcasts && dataConnection ? (
-        <OracleData data={dataConnection} />
-      ) : null}
+      {showBroadcasts ? <OracleData data={dataConnection} /> : null}
    </div>
  );
 };
@@ -28,7 +28,7 @@ const Oracles = () => {
                <OracleDetails
                  id={id}
                  dataSource={o?.node}
-                  showBroadcasts={false}
+                  dataConnection={o?.node}
                />
                <details>
                  <summary className="pointer">JSON</summary>
@@ -10,7 +10,7 @@ import { useDocumentTitle } from '../../../hooks/use-document-title';
 export const JumpToParty = () => {
  const navigate = useNavigate();

-  useDocumentTitle(['Public keys']);
+  useDocumentTitle(['Parties']);

  const handleSubmit = (e: React.SyntheticEvent) => {
    e.preventDefault();
@@ -27,8 +27,8 @@ export const JumpToParty = () => {
  };
  return (
    <JumpTo
-      label={t('Go to public key')}
-      placeholder={t('Public key')}
+      label={t('Go to party')}
+      placeholder={t('Party id')}
      inputId="party-input"
      inputType="text"
      inputName="partyId"
@@ -40,7 +40,7 @@ export const JumpToParty = () => {
 const Parties = () => {
  return (
    <section>
-      <RouteTitle data-testid="parties-header">{t('Public keys')}</RouteTitle>
+      <RouteTitle data-testid="parties-header">{t('Parties')}</RouteTitle>
      <JumpToParty />
    </section>
  );
@@ -14,7 +14,7 @@ type PartyIdErrorProps = {
 const PartyIdError = ({ id, error }: PartyIdErrorProps) => {
  const end = isValidPartyId(id)
    ? t('No accounts or transactions found for: ')
-    : 'Invalid public key: ';
+    : 'Invalid party id: ';
  return (
    <section>
      <p>
@@ -16,7 +16,7 @@ import { PartyAccounts } from './components/party-accounts';
 const Party = () => {
  const { party } = useParams<{ party: string }>();

-  useDocumentTitle(['Public keys', party || '-']);
+  useDocumentTitle(['Parties', party || '-']);
  const partyId = toNonHex(party ? party : '');
  const { isMobile } = useScreenDimensions();
  const visibleChars = useMemo(() => (isMobile ? 10 : 14), [isMobile]);
@@ -44,7 +44,7 @@ const Party = () => {
    />
  ) : (
    <Panel>
-      <p>No data found for public key {party}</p>
+      <p>No party found for key {party}</p>
    </Panel>
  );

@@ -71,7 +71,7 @@ const Party = () => {
        className="font-alpha uppercase font-xl mb-4 text-zinc-800 dark:text-zinc-200"
        data-testid="parties-header"
      >
-        {t('Public key')}
+        {t('Party')}
      </h1>
      {partyRes.data ? (
        <>
@@ -38,7 +38,7 @@ const Tx = () => {
        to={`/${Routes.TX}`}
      >
        <Icon
-          className="text-vega-light-150 dark:text-vega-light-150"
+          className="text-vega-light-300 dark:text-vega-light-300"
          name={IconNames.CHEVRON_LEFT}
        />
        All Transactions
@@ -16,16 +16,4 @@ NX_VEGA_DOCS_URL=https://docs.vega.xyz/mainnet
 #Test configuration variables
 CYPRESS_FAIRGROUND=false
 CYPRESS_VEGA_URL=http://localhost:3028/query
-CYPRESS_ETH_WALLET_MNEMONIC=ozone access unlock valid olympic save include omit supply green clown session
-CYPRESS_ETHEREUM_PROVIDER_URL=http://localhost:8545
-CYPRESS_EXPLORER_URL=https://explorer.fairground.wtf
-CYPRESS_FAUCET_URL=http://localhost:1790/api/v1/mint
-CYPRESS_TRUNCATED_VEGA_PUBLIC_KEY=02ecea…342f65
-CYPRESS_TRUNCATED_VEGA_PUBLIC_KEY2=7f9cf0…c25535
-CYPRESS_VEGA_ENV=CUSTOM
-CYPRESS_VEGA_PUBLIC_KEY=02eceaba4df2bef76ea10caf728d8a099a2aa846cced25737cccaa9812342f65
-CYPRESS_VEGA_PUBLIC_KEY2=7f9cf07d3a9905b1a61a1069f7a758855da428bc0f4a97de87f48644bfc25535
-CYPRESS_VEGA_TOKEN_URL=https://token.fairground.wtf
-CYPRESS_VEGA_URL=http://localhost:3028/query
-CYPRESS_VEGA_WALLET_URL=http://localhost:1789
 CYPRESS_VEGA_WALLET_API_TOKEN=
@@ -2,59 +2,56 @@
  "changes": {
    "decimalPlaces": "5",
    "positionDecimalPlaces": "5",
-    "lpPriceRange": "10",
    "instrument": {
-      "name": "Token test market",
-      "code": "Token.24h",
+      "name": "Oranges Daily",
+      "code": "ORANGES.24h",
      "future": {
-        "settlementAsset": "fBTC",
-        "quoteName": "fBTC",
+        "settlementAsset": "8b52d4a3a4b0ffe733cddbc2b67be273816cfeb6ca4c8b339bac03ffba08e4e4",
+        "quoteName": "tEuro",
+        "settlementDataDecimals": 5,
        "dataSourceSpecForSettlementData": {
-          "external": {
-            "oracle": {
-              "signers": [
-                {
-                  "pubKey": {
-                    "key": "70d14a321e02e71992fd115563df765000ccc4775cbe71a0e2f9ff5a3b9dc680"
-                  }
-                }
-              ],
-              "filters": [
-                {
-                  "key": {
-                    "name": "prices.ETH.value",
-                    "type": "TYPE_INTEGER",
-                    "numberDecimalPlaces": "0"
-                  },
-                  "conditions": [
-                    {
-                      "operator": "OPERATOR_GREATER_THAN",
-                      "value": "0"
-                    }
-                  ]
-                }
-              ]
-            }
-          }
-        },
-        "dataSourceSpecForTradingTermination": {
          "signers": [
            {
-              "pubKey": {
-                "key": "70d14a321e02e71992fd115563df765000ccc4775cbe71a0e2f9ff5a3b9dc680"
+              "signer": {
+                "__typename": "ETHAddress",
+                "address": "0xfCEAdAFab14d46e20144F48824d0C09B1a03F2BC"
              }
            }
          ],
          "filters": [
            {
              "key": {
-                "name": "trading.terminated.ETH5",
-                "type": "TYPE_BOOLEAN"
+                "name": "prices.BTC.value",
+                "type": "TYPE_INTEGER"
              },
              "conditions": [
                {
-                  "operator": "OPERATOR_EQUALS",
-                  "value": "true"
+                  "operator": "OPERATOR_GREATER_THAN",
+                  "value": "0"
+                }
+              ]
+            }
+          ]
+        },
+        "dataSourceSpecForTradingTermination": {
+          "signers": [
+            {
+              "signer": {
+                "__typename": "ETHAddress",
+                "address": "0xfCEAdAFab14d46e20144F48824d0C09B1a03F2BC"
+              }
+            }
+          ],
+          "filters": [
+            {
+              "key": {
+                "name": "vegaprotocol.builtin.timestamp",
+                "type": "TYPE_TIMESTAMP"
+              },
+              "conditions": [
+                {
+                  "operator": "OPERATOR_GREATER_THAN_OR_EQUAL",
+                  "value": "1648684800000000000"
                }
              ]
            }
@@ -62,7 +59,7 @@
        },
        "dataSourceSpecBinding": {
          "settlementPriceProperty": "prices.BTC.value",
-          "tradingTerminationProperty": "trading.terminated.ETH5"
+          "tradingTerminationProperty": "vegaprotocol.builtin.timestamp"
        }
      }
    },
@@ -1,78 +1,83 @@
 {
-  "instrument": {
-    "code": "TEST.24h",
-    "future": {
-      "quoteName": "fUSDC",
-      "settlementDataDecimals": 5,
-      "dataSourceSpecForSettlementData": {
-        "signers": [
-          {
-            "pubKey": {
-              "key": "70d14a321e02e71992fd115563df765000ccc4775cbe71a0e2f9ff5a3b9dc680"
-            }
-          }
-        ],
-        "filters": [
-          {
-            "key": {
-              "name": "prices.ETH.value",
-              "type": "TYPE_INTEGER"
-            },
-            "conditions": [
-              {
-                "operator": "OPERATOR_GREATER_THAN",
-                "value": "0"
+  "marketId": "315a8e48db0a292c92b617264728048c82c20efc922c75fd292fc54e5c727c81",
+  "changes": {
+    "instrument": {
+      "code": "ORANGES.24h",
+      "future": {
+        "quoteName": "tEuro",
+        "settlementDataDecimals": 5,
+        "dataSourceSpecForSettlementData": {
+          "signers": [
+            {
+              "signer": {
+                "__typename": "ETHAddress",
+                "address": "0xfCEAdAFab14d46e20144F48824d0C09B1a03F2BC"
              }
-            ]
-          }
-        ]
-      },
-      "dataSourceSpecForTradingTermination": {
-        "signers": [
-          {
-            "pubKey": {
-              "key": "70d14a321e02e71992fd115563df765000ccc4775cbe71a0e2f9ff5a3b9dc680"
            }
-          }
-        ],
-        "filters": [
-          {
-            "key": {
-              "name": "trading.terminated.ETH5",
-              "type": "TYPE_BOOLEAN"
-            },
-            "conditions": [
-              {
-                "operator": "OPERATOR_GREATER_THAN_OR_EQUAL",
-                "value": "1648684800000000000"
+          ],
+          "filters": [
+            {
+              "key": {
+                "name": "prices.BTC.value",
+                "type": "TYPE_INTEGER"
+              },
+              "conditions": [
+                {
+                  "operator": "OPERATOR_GREATER_THAN",
+                  "value": "0"
+                }
+              ]
+            }
+          ]
+        },
+        "dataSourceSpecForTradingTermination": {
+          "signers": [
+            {
+              "signer": {
+                "__typename": "ETHAddress",
+                "address": "0xfCEAdAFab14d46e20144F48824d0C09B1a03F2BC"
              }
-            ]
-          }
-        ]
-      },
-      "dataSourceSpecBinding": {
-        "settlementPriceProperty": "prices.ETH.value",
-        "tradingTerminationProperty": "trading.terminated.ETH5"
+            }
+          ],
+          "filters": [
+            {
+              "key": {
+                "name": "vegaprotocol.builtin.timestamp",
+                "type": "TYPE_TIMESTAMP"
+              },
+              "conditions": [
+                {
+                  "operator": "OPERATOR_GREATER_THAN_OR_EQUAL",
+                  "value": "1648684800000000000"
+                }
+              ]
+            }
+          ]
+        },
+        "dataSourceSpecBinding": {
+          "settlementPriceProperty": "prices.BTC.value",
+          "tradingTerminationProperty": "vegaprotocol.builtin.timestamp"
+        }
      }
-    }
-  },
-  "metadata": ["sector:energy", "sector:food", "source:docs.vega.xyz"],
-  "priceMonitoringParameters": {
-    "triggers": [
-      {
-        "horizon": "43200",
-        "probability": "0.9999999",
-        "auctionExtension": "600"
+    },
+    "metadata": ["sector:energy", "sector:food", "source:docs.vega.xyz"],
+    "priceMonitoringParameters": {
+      "triggers": [
+        {
+          "horizon": "43200",
+          "probability": "0.9999999",
+          "auctionExtension": "600"
+        }
+      ]
+    },
+    "logNormal": {
+      "tau": 0.0001140771161,
+      "riskAversionParameter": 0.001,
+      "params": {
+        "mu": 0,
+        "r": 0.016,
+        "sigma": 0.3
      }
-    ]
-  },
-  "logNormal": {
-    "tau": 0.0001140771161,
-    "riskAversionParameter": 0.001,
-    "params": {
-      "mu": 0,
-      "r": 0.016,
-      "sigma": 0.3
    }
  }
 }
@@ -1 +1 @@
-0123245
+123
@@ -11,7 +11,6 @@ const newProposalSubmitButton = '[data-testid="proposal-submit"]';
 const dialogCloseButton = '[data-testid="dialog-close"]';
 const viewProposalButton = '[data-testid="view-proposal-btn"]';
 const openProposals = '[data-testid="open-proposals"]';
-const closedProposals = '[data-testid="closed-proposals"]';
 const proposalVoteProgressForPercentage =
  '[data-testid="vote-progress-indicator-percentage-for"]';
 const proposalVoteProgressAgainstPercentage =
@@ -23,9 +22,7 @@ const proposalVoteProgressAgainstTokens =
 const changeVoteButton = '[data-testid="change-vote-button"]';
 const proposalDetailsTitle = '[data-testid="proposal-title"]';
 const proposalDetailsDescription = '[data-testid="proposal-description"]';
-const proposalStatus = '[data-testid="proposal-status"]';
 const rawProposalData = '[data-testid="proposal-data"]';
-const votesTable = '[data-testid="votes-table"]';
 const minVoteButton = '[data-testid="min-vote"]';
 const maxVoteButton = '[data-testid="max-vote"]';
 const voteButtons = '[data-testid="vote-buttons"]';
@@ -40,10 +37,6 @@ const txTimeout = Cypress.env('txTimeout');
 const epochTimeout = Cypress.env('epochTimeout');
 const proposalTimeout = { timeout: 14000 };

-const minCloseDays = 2;
-const maxCloseDays = 3;
-const requiredParticipation = 0.001;
-
 const governanceProposalType = {
  NETWORK_PARAMETER: 'Network parameter',
  NEW_MARKET: 'New market',
@@ -72,6 +65,21 @@ context(
          network_parameters['governance.proposal.freeform.requiredMajority'] *
            100
        ).as('requiredMajority');
+        cy.wrap(
+          network_parameters[
+            'governance.proposal.freeform.requiredParticipation'
+          ] * 100
+        ).as('requiredParticipation');
+        cy.wrap(
+          network_parameters['governance.proposal.freeform.minClose'].split(
+            'h'
+          )[0] / 24
+        ).as('minCloseDays');
+        cy.wrap(
+          network_parameters['governance.proposal.freeform.maxClose'].split(
+            'h'
+          )[0] / 24
+        ).as('maxCloseDays');
        cy.wrap(
          network_parameters['governance.proposal.freeform.minClose'].split(
            'h'
@@ -100,6 +108,21 @@ context(
            0.00001,
            'Asserting that value is at least 0.00001 for network parameter minVoterBalance'
          );
+          assert.isAtLeast(
+            parseFloat(this.requiredParticipation),
+            0.00001,
+            'Asserting that value is at least 0.00001 for network parameter requiredParticipation'
+          );
+          assert.isAtLeast(
+            parseInt(this.minCloseDays),
+            1,
+            'Asserting that value is at least 1 for network parameter minCloseDays'
+          );
+          assert.isAtLeast(
+            parseInt(this.maxCloseDays),
+            parseInt(this.minCloseDays + 1),
+            'Asserting that network parameter maxCloseDays is at least 1 day higher than minCloseDays'
+          );
          // workaround for first eth tx hanging
          associateTokenStartOfTests();
        }
@@ -159,10 +182,10 @@ context(
          this.minProposerBalance
        );
        let proposalDays = [
-          minCloseDays + 1,
-          maxCloseDays,
-          minCloseDays + 3,
-          minCloseDays + 2,
+          this.minCloseDays + 1,
+          this.maxCloseDays,
+          this.minCloseDays + 3,
+          this.minCloseDays + 2,
        ];
        for (var index = 0; index < proposalDays.length; index++) {
          cy.go_to_make_new_proposal(governanceProposalType.RAW);
@@ -204,7 +227,6 @@ context(
        cy.navigate_to('validators');
        cy.click_on_validator_from_list(0);
        cy.staking_validator_page_add_stake('2');
-        cy.close_staking_dialog();

        cy.get(vegaWalletStakedBalances, txTimeout).should('contain', '2');

@@ -275,12 +297,10 @@ context(
        });
      });

-      // 3001-VOTE-071
-      it('Newly created freeform proposals list - shows proposal participation - both met and not', function () {
-        const proposalTitle = generateProposalTitle();
-        createFreeformProposal(this.minProposerBalance, proposalTitle);
-
-        cy.get_submitted_proposal_from_proposal_list(proposalTitle)
+      // Skipping test due to bug: #1320
+      it.skip('Newly created freeform proposals list - shows proposal participation - both met and not', function () {
+        createFreeformProposal(this.minProposerBalance);
+        cy.get_submitted_proposal_from_proposal_list()
          .as('submittedProposal')
          .within(() => {
            // 3001-VOTE-039
@@ -292,7 +312,7 @@ context(
          .invoke('text')
          .then((totalSupply) => {
            let tokensRequiredToAchieveResult = parseFloat(
-              (totalSupply.replace(/,/g, '') * requiredParticipation) / 100
+              (totalSupply.replace(/,/g, '') * this.requiredParticipation) / 100
            ).toFixed(2);
            cy.ensure_specified_unstaked_tokens_are_associated(
              tokensRequiredToAchieveResult
@@ -301,17 +321,16 @@ context(
            cy.get('@submittedProposal').within(() =>
              cy.get(viewProposalButton).click()
            );
-            cy.get_proposal_information_from_table('Token participation met')
+            cy.get_proposal_information_from_table('Participation met')
              .contains('👍')
              .should('be.visible');
            cy.navigate_to('proposals');
            cy.get('@submittedProposal').within(() =>
-              cy.get(voteStatus).should('have.text', 'Set to pass')
+              cy.get(voteStatus).should('have.text', 'Participation met')
            );
          });
      });

-      // 3001-VOTE-055
      it('Newly created raw proposal details - shows proposal title and full description', function () {
        createRawProposal(this.minProposerBalance);
        cy.get('@rawProposal').then((rawProposal) => {
@@ -338,7 +357,6 @@ context(
          });
      });

-      // 3001-VOTE-043
      it('Newly created freeform proposal details - shows proposed and closing dates', function () {
        const closingVoteHrs = '72';
        const proposalTitle = generateProposalTitle();
@@ -381,7 +399,6 @@ context(
      it('Newly created proposal details - shows default status set to fail', function () {
        // 3001-VOTE-037
        // 3001-VOTE-040
-        // 3001-VOTE-067
        createRawProposal(this.minProposerBalance);
        cy.get('@rawProposal').then((rawProposal) => {
          cy.get_submitted_proposal_from_proposal_list(
@@ -396,17 +413,15 @@ context(
          .should('be.visible');
        // 3001-VOTE-062
        // 3001-VOTE-040
-        // 3001-VOTE-070
        cy.get_proposal_information_from_table('Token majority met')
          .contains('👎')
          .should('be.visible');
-        // 3001-VOTE-068
        cy.get_proposal_information_from_table('Token participation met')
          .contains('👎')
          .should('be.visible');
      });

-      // 3001-VOTE-080 3001-VOTE-090 3001-VOTE-069 3001-VOTE-072 3001-VOTE-073
+      // 3001-VOTE-080 3001-VOTE-090
      it('Newly created proposal details - ability to vote for and against proposal - with minimum required tokens associated', function () {
        createRawProposal(this.minProposerBalance);
        cy.get('@rawProposal').then((rawProposal) => {
@@ -431,7 +446,7 @@ context(
            .contains(votedDate)
            .should('be.visible');
        });
-        cy.get(proposalVoteProgressForPercentage) // 3001-VOTE-072
+        cy.get(proposalVoteProgressForPercentage)
          .contains('100.00%')
          .and('be.visible');
        cy.get(proposalVoteProgressAgainstPercentage)
@@ -451,10 +466,10 @@ context(
          .and('be.visible');
        // 3001-VOTE-061
        cy.get_proposal_information_from_table('Participation required')
-          .contains(`${requiredParticipation}%`)
+          .contains(`${this.requiredParticipation}%`)
          .should('be.visible');
        // 3001-VOTE-066
-        cy.get_proposal_information_from_table('Majority Required') // 3001-VOTE-073
+        cy.get_proposal_information_from_table('Majority Required')
          .contains(`${parseFloat(this.requiredMajority).toFixed(2)}%`)
          .should('be.visible');
        cy.get_proposal_information_from_table('Number of voting parties')
@@ -497,7 +512,7 @@ context(
          .invoke('text')
          .then((totalSupply) => {
            let tokensRequiredToAchieveResult = parseFloat(
-              (totalSupply.replace(/,/g, '') * requiredParticipation) / 100
+              (totalSupply.replace(/,/g, '') * this.requiredParticipation) / 100
            ).toFixed(2);
            cy.ensure_specified_unstaked_tokens_are_associated(
              tokensRequiredToAchieveResult
@@ -521,11 +536,6 @@ context(
            cy.get(proposalVoteProgressAgainstTokens)
              .contains('0.00')
              .and('be.visible');
-            cy.get_proposal_information_from_table(
-              'Total tokens voted percentage'
-            )
-              .should('have.text', '0.00%')
-              .and('be.visible');
            cy.get_proposal_information_from_table('Tokens for proposal')
              .should('have.text', tokensRequiredToAchieveResult)
              .and('be.visible');
@@ -578,7 +588,6 @@ context(
        );
      });

-      // 3001-VOTE-006
      it('Creating a proposal - proposal rejected - able to access rejected proposals', function () {
        cy.ensure_specified_unstaked_tokens_are_associated(
          this.minProposerBalance
@@ -640,7 +649,6 @@ context(
        cy.get(dialogCloseButton).click();
      });

-      // 3002-PROP-009
      it('Unable to create a proposal - when some but not enough tokens are associated', function () {
        cy.ensure_specified_unstaked_tokens_are_associated(
          this.minProposerBalance - 0.000001
@@ -661,7 +669,7 @@ context(
      });

      it('Unable to create a freeform proposal - when json parent section contains unexpected field', function () {
-        // 3001-VOTE-038 3002-PROP-013 3002-PROP-014
+        // 3001-VOTE-038
        cy.ensure_specified_unstaked_tokens_are_associated(
          this.minProposerBalance
        );
@@ -687,9 +695,6 @@ context(
          'Invalid params: the transaction is malformed'
        );
        cy.get(dialogCloseButton).click();
-        cy.get(rawProposalData)
-          .invoke('val')
-          .should('contain', "i shouldn't be here");
      });

      it('Unable to create a freeform proposal - when json terms section contains unexpected field', function () {
@@ -787,107 +792,6 @@ context(
        cy.contains('You voted: Against').should('be.visible');
      });

-      // 3001-VOTE-006
-      it('Able to view enacted proposal', function () {
-        cy.createMarket();
-        cy.reload();
-        cy.wait_for_spinner();
-        cy.get(closedProposals).within(() => {
-          cy.get(proposalDetailsTitle).should(
-            'have.text',
-            'Add Lorem Ipsum market'
-          );
-          cy.get(proposalStatus).should('have.text', 'Enacted ');
-          cy.get(viewProposalButton).click();
-        });
-        cy.getByTestId('proposal-type').should('have.text', 'New market');
-        cy.get_proposal_information_from_table('State')
-          .contains('Enacted')
-          .and('be.visible');
-        cy.get(votesTable).within(() => {
-          cy.contains('Vote passed.').should('be.visible');
-          cy.contains('Voting has ended.').should('be.visible');
-        });
-      });
-
-      // 3001-VOTE-047
-      it('Able to enact freeform proposal', function () {
-        const proposalTitle = 'Add New free form proposal with short enactment';
-        cy.ensure_specified_unstaked_tokens_are_associated(
-          this.minProposerBalance
-        );
-        cy.sendWalletTxFreeFormProposal();
-        cy.navigate_to('proposals');
-        cy.reload();
-        cy.wait_for_spinner();
-        cy.contains(proposalTitle)
-          .parentsUntil('[data-testid="proposals-list-item"]')
-          .within(() => cy.get(viewProposalButton).click());
-        cy.get_proposal_information_from_table('State')
-          .contains('Open')
-          .and('be.visible');
-        cy.vote_for_proposal('for');
-        cy.get_proposal_information_from_table('State')
-          .contains('Enacted', epochTimeout)
-          .and('be.visible');
-      });
-
-      // 3001-VOTE-046 3001-VOTE-044 3001-VOTE-074 3001-VOTE-074
-      it('Able to enact proposal by voting', function () {
-        const proposalTitle = 'Add New proposal with short enactment';
-        cy.ensure_specified_unstaked_tokens_are_associated(
-          this.minProposerBalance
-        );
-        cy.sendWalletTxUpdateNetworkProposal();
-        cy.navigate_to('proposals');
-        cy.reload();
-        cy.wait_for_spinner();
-        cy.contains(proposalTitle)
-          .parentsUntil('[data-testid="proposals-list-item"]')
-          .within(() => cy.get(viewProposalButton).click());
-        cy.get_proposal_information_from_table('State')
-          .contains('Open')
-          .and('be.visible');
-        cy.vote_for_proposal('for');
-        cy.get_proposal_information_from_table('State') // 3001-VOTE-047
-          .contains('Passed', txTimeout)
-          .and('be.visible');
-        cy.get_proposal_information_from_table('State')
-          .contains('Enacted', epochTimeout)
-          .and('be.visible');
-        cy.get(votesTable).within(() => {
-          cy.contains('Vote passed.').should('be.visible');
-          cy.contains('Voting has ended.').should('be.visible');
-        });
-        cy.get(proposalVoteProgressForPercentage)
-          .contains('100.00%')
-          .and('be.visible');
-      });
-
-      // 3001-VOTE-048 3001-VOTE-049
-      it('Able to fail proposal due to lack of participation', function () {
-        const proposalTitle = 'Add New free form proposal with short enactment';
-        cy.ensure_specified_unstaked_tokens_are_associated(
-          this.minProposerBalance
-        );
-        cy.sendWalletTxFreeFormProposal();
-        cy.navigate_to('proposals');
-        cy.reload();
-        cy.wait_for_spinner();
-        cy.contains(proposalTitle)
-          .parentsUntil('[data-testid="proposals-list-item"]')
-          .within(() => cy.get(viewProposalButton).click());
-        cy.get_proposal_information_from_table('State')
-          .contains('Open')
-          .and('be.visible');
-        cy.get_proposal_information_from_table('State') // 3001-VOTE-047
-          .contains('Declined', txTimeout)
-          .and('be.visible');
-        cy.get_proposal_information_from_table('Rejection reason')
-          .contains('PROPOSAL_ERROR_PARTICIPATION_THRESHOLD_NOT_REACHED')
-          .and('be.visible');
-      });
-
      function createRawProposal(proposerBalance) {
        if (proposerBalance)
          cy.ensure_specified_unstaked_tokens_are_associated(proposerBalance);
@@ -1,7 +1,3 @@
-const proposalListItem = '[data-testid="proposals-list-item"]';
-const openProposals = '[data-testid="open-proposals"]';
-const proposalType = '[data-testid="proposal-type"]';
-const proposalDetails = '[data-testid="proposal-details"]';
 const newProposalSubmitButton = '[data-testid="proposal-submit"]';
 const proposalVoteDeadline = '[data-testid="proposal-vote-deadline"]';
 const proposalValidationDeadline =
@@ -213,15 +209,18 @@ context(
      );
    });

+    // skipped because no markets available to select in capsule
    it.skip('Able to submit update market proposal', function () {
+      const marketId =
+        '315a8e48db0a292c92b617264728048c82c20efc922c75fd292fc54e5c727c81';
      cy.go_to_make_new_proposal(governanceProposalType.UPDATE_MARKET);
-      cy.get(newProposalTitle).type('Test update market proposal');
+      cy.get(newProposalTitle).type('Test update asset proposal');
      cy.get(newProposalDescription).type('E2E test for proposals');
-      cy.get(proposalMarketSelect).select('Test market 1');
+      cy.get(proposalMarketSelect).select(marketId);
      cy.get('[data-testid="update-market-details"]').within(() => {
-        cy.get('dd').eq(0).should('have.text', 'Test market 1');
-        cy.get('dd').eq(1).should('have.text', 'TEST.24h');
-        cy.get('dd').eq(2).should('not.be.empty');
+        cy.get('dd').eq(0).should('have.text', 'Oranges Daily');
+        cy.get('dd').eq(1).should('have.text', 'ORANGES.24h');
+        cy.get('dd').eq(2).should('have.text', marketId);
      });
      cy.fixture('/proposals/update-market').then((updateMarketProposal) => {
        let newUpdateMarketProposal = JSON.stringify(updateMarketProposal);
@@ -282,28 +281,12 @@ context(
    });

    it('Able to submit update asset proposal using min deadline', function () {
-      const assetId =
-        'ebcd94151ae1f0d39a4bde3b21a9c7ae81a80ea4352fb075a92e07608d9c953d';
-
      cy.go_to_make_new_proposal(governanceProposalType.UPDATE_ASSET);
      enterUpdateAssetProposalDetails();
      cy.get(minVoteDeadline).click();
      cy.get(minEnactDeadline).click();
      cy.get(newProposalSubmitButton).should('be.visible').click();
      cy.wait_for_proposal_submitted();
-      cy.navigate_to('proposals');
-      cy.get(openProposals).within(() => {
-        cy.get(proposalType)
-          .contains('Update asset')
-          .parentsUntil(proposalListItem)
-          .within(() => {
-            cy.get(proposalDetails).should('contain.text', assetId); // 3001-VOTE-029
-            cy.getByTestId('view-proposal-btn').click();
-          });
-      });
-      cy.get_proposal_information_from_table('Proposed enactment') // 3001-VOTE-044
-        .invoke('text')
-        .should('not.be.empty');
    });

    it('Able to submit update asset proposal using max deadline', function () {
@@ -37,8 +37,8 @@ context(
        function () {
          cy.reload();
          cy.wait_for_spinner();
-          cy.ethereum_wallet_connect();
          cy.connectVegaWallet();
+          cy.ethereum_wallet_connect();
          cy.vega_wallet_teardown();
          cy.navigate_to('validators');
        }
@@ -57,16 +57,7 @@ context(
        //0005-ETXN-006
        //0005-ETXN-003
        //0005-ETXN-005
-        cy.staking_page_associate_tokens('2', { skipConfirmation: true });
-
-        cy.getByTestId('currency-title', txTimeout).should(
-          'have.length.above',
-          3
-        );
-        cy.validate_wallet_currency('Associated', '0.00');
-        cy.validate_wallet_currency('Pending association', '2.00');
-        cy.validate_wallet_currency('Total associated after pending', '2.00');
-        cy.getByTestId('currency-title', txTimeout).should('have.length', 3);
+        cy.staking_page_associate_tokens('2');

        // 0005-ETXN-002
        cy.get(ethWalletAssociatedBalances, txTimeout)
@@ -107,15 +98,6 @@ context(

        cy.staking_page_disassociate_tokens('2');

-        cy.getByTestId('currency-title', txTimeout).should(
-          'have.length.above',
-          3
-        );
-        cy.validate_wallet_currency('Associated', '2.00');
-        cy.validate_wallet_currency('Pending association', '2.00');
-        cy.validate_wallet_currency('Total associated after pending', '0.00');
-        cy.getByTestId('currency-title', txTimeout).should('have.length', 3);
-
        cy.get(ethWalletAssociatedBalances, txTimeout).should('not.exist');

        cy.get(ethWalletTotalAssociatedBalance, txTimeout)
@@ -212,19 +194,7 @@ context(
        // 1004-ASSO-024
        // 1004-ASSO-023

-        cy.staking_page_associate_tokens('2', {
-          type: 'contract',
-          skipConfirmation: true,
-        });
-
-        cy.getByTestId('currency-title', txTimeout).should(
-          'have.length.above',
-          3
-        );
-        cy.validate_wallet_currency('Associated', '0.00');
-        cy.validate_wallet_currency('Pending association', '2.00');
-        cy.validate_wallet_currency('Total associated after pending', '2.00');
-        cy.getByTestId('currency-title', txTimeout).should('have.length', 3);
+        cy.staking_page_associate_tokens('2', { type: 'contract' });

        cy.get(ethWalletAssociatedBalances, txTimeout)
          .contains(vegaWalletPublicKeyShort)
@@ -240,19 +210,7 @@ context(
        });

        cy.get(vegaWalletUnstakedBalance, txTimeout).should('contain', 2.0);
-        cy.staking_page_disassociate_tokens('1', {
-          type: 'contract',
-          skipConfirmation: true,
-        });
-
-        cy.getByTestId('currency-title', txTimeout).should(
-          'have.length.above',
-          3
-        );
-        cy.validate_wallet_currency('Associated', '2.00');
-        cy.validate_wallet_currency('Pending association', '1.00');
-        cy.validate_wallet_currency('Total associated after pending', '1.00');
-        cy.getByTestId('currency-title', txTimeout).should('have.length', 3);
+        cy.staking_page_disassociate_tokens('1', { type: 'contract' });

        cy.get(ethWalletAssociatedBalances, txTimeout)
          .contains(vegaWalletPublicKeyShort)
@@ -328,35 +286,6 @@ context(
      });

      // 1004-ASSO-004
-
-      it('Pending association outside of app is shown', function () {
-        cy.vega_wallet_associate('2');
-        cy.getByTestId('currency-title', txTimeout).should(
-          'have.length.above',
-          3
-        );
-        cy.validate_wallet_currency('Associated', '0.00');
-        cy.validate_wallet_currency('Pending association', '2.00');
-        cy.validate_wallet_currency('Total associated after pending', '2.00');
-        cy.getByTestId('currency-title', txTimeout).should('have.length', 3);
-        cy.validate_wallet_currency('Associated', '2.00');
-      });
-
-      it('Disassociation outside of app is shown', function () {
-        cy.staking_page_associate_tokens('2');
-        cy.validate_wallet_currency('Associated', '2.00');
-        cy.vega_wallet_disassociate('2');
-        cy.getByTestId('currency-title', txTimeout).should(
-          'have.length.above',
-          3
-        );
-        cy.validate_wallet_currency('Associated', '2.00');
-        cy.validate_wallet_currency('Pending association', '2.00');
-        cy.validate_wallet_currency('Total associated after pending', '0.00');
-        cy.getByTestId('currency-title', txTimeout).should('have.length', 3);
-        cy.validate_wallet_currency('Associated', '0.00');
-      });
-
      it('Able to associate tokens to different public key of connected vega wallet', function () {
        cy.get(ethWalletAssociateButton).first().click();
        cy.get(associateWalletRadioButton).click();
@@ -381,7 +310,6 @@ context(
            'vegaWalletPublicKey2Short'
          )} can now participate in governance and nominate a validator with your associated $VEGA.`
        );
-        cy.staking_page_disassociate_all_tokens();
      });
    });
  }
@@ -20,10 +20,7 @@ context('View functionality with public key', { tags: '@smoke' }, function () {

  it('Able to connect public key via wallet', function () {
    verifyConnectedToPubKey();
-    cy.getByTestId('currency-title', Cypress.env('epochTimeout')).should(
-      'contain.text',
-      'USDC (fake)'
-    );
+    cy.getByTestId('currency-title').should('contain.text', 'USDC (fake)');
  });

  it('Able to connect public key using url', function () {
@@ -321,8 +321,6 @@ context(
            '200000',
            vegaWalletPublicKey
          );
-          cy.reload();
-          cy.wait_for_spinner();
          cy.connectVegaWallet();
          cy.ethereum_wallet_connect();
        });
@@ -46,6 +46,6 @@ Cypress.Commands.add('verify_page_header', (text) => {
 });

 Cypress.Commands.add('wait_for_spinner', () => {
-  cy.get(navigation.pageSpinner, Cypress.env('epochTimeout')).should('exist');
+  cy.get(navigation.pageSpinner).should('exist');
  cy.get(navigation.pageSpinner, { timeout: 20000 }).should('not.exist');
 });
@@ -6,7 +6,6 @@ import './governance.functions.js';
 import './wallet-eth.functions.js';
 import './wallet-teardown.functions.js';
 import './wallet-vega.functions.js';
-import './proposal.functions.js';
 import registerCypressGrep from '@cypress/grep';
 import { aliasGQLQuery } from '@vegaprotocol/cypress';
 import { chainIdQuery, statisticsQuery } from '@vegaprotocol/mock';
@@ -1,103 +0,0 @@
-import { addSeconds, millisecondsToSeconds } from 'date-fns';
-
-const walletName = Cypress.env('vegaWalletName');
-const walletPubKey = Cypress.env('vegaWalletPublicKey');
-const walletLocation = Cypress.env('vegaWalletLocation');
-const walletPassphraseFile = './src/fixtures/wallet/passphrase';
-
-Cypress.Commands.add('sendWalletTxUpdateNetworkProposal', () => {
-  const MIN_CLOSE_SEC = 8;
-  const MIN_ENACT_SEC = 5;
-
-  const closingDate = addSeconds(new Date(), MIN_CLOSE_SEC);
-  const enactmentDate = addSeconds(closingDate, MIN_ENACT_SEC);
-  const closingTimestamp = millisecondsToSeconds(closingDate.getTime());
-  const enactmentTimestamp = millisecondsToSeconds(enactmentDate.getTime());
-
-  cy.exec(
-    `vegawallet transaction send --wallet ${walletName} --pubkey ${walletPubKey} -p ${walletPassphraseFile} --network DV '{
-      "proposalSubmission": {
-        "rationale": {
-          "title": "Add New proposal with short enactment",
-          "description": "E2E enactment test"
-        },
-        "terms": {
-          "updateNetworkParameter": {
-              "changes": {
-                  "key": "governance.proposal.updateNetParam.minProposerBalance",
-                  "value": "2"
-              }
-          },
-          "closingTimestamp": ${closingTimestamp},
-          "enactmentTimestamp": ${enactmentTimestamp}
-      }
-      }
-     }' --home ${walletLocation}`,
-    { failOnNonZeroExit: false }
-  )
-    .its('stderr')
-    .should('contain', '');
-});
-
-Cypress.Commands.add('sendWalletTxUpdateAssetProposal', () => {
-  const MIN_CLOSE_SEC = 8;
-  const MIN_ENACT_SEC = 5;
-
-  const closingDate = addSeconds(new Date(), MIN_CLOSE_SEC);
-  const enactmentDate = addSeconds(closingDate, MIN_ENACT_SEC);
-  const closingTimestamp = millisecondsToSeconds(closingDate.getTime());
-  const enactmentTimestamp = millisecondsToSeconds(enactmentDate.getTime());
-
-  cy.exec(
-    `vegawallet transaction send --wallet ${walletName} --pubkey ${walletPubKey} -p ${walletPassphraseFile} --network DV '{
-      "proposalSubmission": {
-        "rationale": {
-          "title": "Update Asset set to fail",
-          "description": "E2E fail test"
-        },
-        "terms": {
-          "updateAsset": {
-            "assetId": "ebcd94151ae1f0d39a4bde3b21a9c7ae81a80ea4352fb075a92e07608d9c953d",
-            "changes": {
-                "quantum": "1",
-                "erc20": {
-                    "withdrawThreshold": "10",
-                    "lifetimeLimit": "10"
-                }
-            }
-        },
-          "closingTimestamp": ${closingTimestamp},
-          "enactmentTimestamp": ${enactmentTimestamp}
-      }
-      }
-     }' --home ${walletLocation}`,
-    { failOnNonZeroExit: false }
-  )
-    .its('stderr')
-    .should('contain', '');
-});
-
-Cypress.Commands.add('sendWalletTxFreeFormProposal', () => {
-  const MIN_CLOSE_SEC = 5;
-
-  const closingDate = addSeconds(new Date(), MIN_CLOSE_SEC);
-  const closingTimestamp = millisecondsToSeconds(closingDate.getTime());
-
-  cy.exec(
-    `vegawallet transaction send --wallet ${walletName} --pubkey ${walletPubKey} -p ${walletPassphraseFile} --network DV '{
-      "proposalSubmission": {
-        "rationale": {
-          "title": "Add New free form proposal with short enactment",
-          "description": "E2E enactment test"
-        },
-        "terms": {
-          "newFreeform": {},
-        "closingTimestamp": ${closingTimestamp}
-        }
-      }
-     }' --home ${walletLocation}`,
-    { failOnNonZeroExit: false }
-  )
-    .its('stderr')
-    .should('contain', '');
-});
@@ -58,8 +58,6 @@ Cypress.Commands.add('staking_validator_page_remove_stake', (stake) => {
 Cypress.Commands.add('staking_page_associate_tokens', (amount, options) => {
  let approve = options && options.approve ? options.approve : false;
  let type = options && options.type ? options.type : 'wallet';
-  let skipConfirmation =
-    options && options.skipConfirmation ? options.skipConfirmation : false;

  cy.highlight(`Associating ${amount} tokens from ${type}`);
  cy.get(ethWalletAssociateButton).first().click();
@@ -81,19 +79,16 @@ Cypress.Commands.add('staking_page_associate_tokens', (amount, options) => {
    );
  }
  cy.get(tokenSubmitButton, txTimeout).should('be.enabled').click();
-
-  if (!skipConfirmation) {
-    cy.contains(
-      `Associating with Vega key. Waiting for ${Cypress.env(
-        'blockConfirmations'
-      )} more confirmations..`,
-      txTimeout
-    ).should('be.visible');
-    cy.contains(
-      'can now participate in governance and nominate a validator',
-      txTimeout
-    ).should('be.visible');
-  }
+  cy.contains(
+    `Associating with Vega key. Waiting for ${Cypress.env(
+      'blockConfirmations'
+    )} more confirmations..`,
+    txTimeout
+  ).should('be.visible');
+  cy.contains(
+    'can now participate in governance and nominate a validator',
+    txTimeout
+  ).should('be.visible');
 });

 Cypress.Commands.add('staking_page_disassociate_tokens', (amount, options) => {
@@ -221,19 +216,3 @@ Cypress.Commands.add('close_staking_dialog', () => {
    cy.get('a').should('have.text', 'Back to Staking').click();
  });
 });
-
-Cypress.Commands.add(
-  'validate_wallet_currency',
-  (currencyTitle, expectedAmount) => {
-    cy.get("[data-testid='currency-title']")
-      .contains(currencyTitle)
-      .parent()
-      .parent()
-      .within(() => {
-        cy.getByTestId('currency-value', txTimeout).should(
-          'have.text',
-          expectedAmount
-        );
-      });
-  }
-);
@@ -8,6 +8,7 @@ import {
 import { ethers, Wallet } from 'ethers';

 const vegaWalletContainer = '[data-testid="vega-wallet"]';
+const vegaWalletAssociatedBalance = '[data-testid="currency-value"]';
 const vegaWalletMnemonic = Cypress.env('vegaWalletMnemonic');
 const vegaWalletPubKey = Cypress.env('vegaWalletPublicKey');
 const vegaTokenContractAddress = Cypress.env('vegaTokenContractAddress');
@@ -42,11 +43,6 @@ before('Vega wallet teardown prep', function () {
  });
 });

-beforeEach(function () {
-  cy.wrap(this.stakingBridgeContract).as('stakingBridgeContract');
-  cy.wrap(this.vestingContract).as('vestingContract');
-});
-
 Cypress.Commands.add('deposit_asset', function (assetEthAddress) {
  cy.get('@signer', { log: false }).then((signer) => {
    // Approve asset
@@ -95,18 +91,29 @@ Cypress.Commands.add('faucet_asset', function (assetEthAddress) {
 });

 Cypress.Commands.add('vega_wallet_teardown', function () {
-  cy.get('body').then(($body) => {
-    if ($body.find('[data-testid="eth-wallet-associated-balances"]').length) {
-      cy.vega_wallet_teardown_vesting(this.vestingContract);
-      cy.vega_wallet_teardown_staking(this.stakingBridgeContract);
-    }
-  });
  cy.get(vegaWalletContainer).within(() => {
+    cy.get(vegaWalletAssociatedBalance)
+      .first()
+      .invoke('text')
+      .then((balance) => {
+        if (balance != '0.00') {
+          cy.vega_wallet_teardown_vesting(this.vestingContract);
+          cy.vega_wallet_teardown_staking(this.stakingBridgeContract);
+        }
+      });
    cy.get('[data-testid="associated-amount"]', { timeout: 30000 }).should(
      'contain.text',
      '0.00'
    );
  });
+
+  cy.get(vegaWalletContainer).within(() => {
+    cy.get(vegaWalletAssociatedBalance, { timeout: transactionTimeout }).should(
+      'contain',
+      '0.00',
+      { timeout: transactionTimeout }
+    );
+  });
 });

 Cypress.Commands.add(
@@ -169,22 +176,6 @@ Cypress.Commands.add('vega_wallet_teardown_vesting', (vestingContract) => {
  });
 });

-Cypress.Commands.add('vega_wallet_associate', (amount) => {
-  amount = amount + '0'.repeat(18);
-  cy.highlight('Associating tokens');
-  cy.get('@stakingBridgeContract').then((stakingBridgeContract) => {
-    stakingBridgeContract.stake(amount, vegaWalletPubKey);
-  });
-});
-
-Cypress.Commands.add('vega_wallet_disassociate', (amount) => {
-  amount = amount + '0'.repeat(18);
-  cy.highlight('Disassociating tokens');
-  cy.get('@stakingBridgeContract').then((stakingBridgeContract) => {
-    stakingBridgeContract.remove_stake(amount, vegaWalletPubKey);
-  });
-});
-
 Cypress.Commands.add('wait_for_transaction', (tx) => {
  cy.wrap(tx.wait(1).catch(cy.log), { timeout: transactionTimeout });
 });
@@ -1,7 +1,7 @@
 # App configuration variables
 NX_VEGA_ENV=TESTNET
 NX_VEGA_CONFIG_URL=https://static.vega.xyz/assets/testnet-network.json
-NX_VEGA_URL=https://api.n08.testnet.vega.xyz/graphql
+NX_VEGA_URL=https://api.n10.testnet.vega.xyz/graphql
 NX_VEGA_NETWORKS='{"DEVNET":"https://dev.token.vega.xyz","STAGNET3":"https://stagnet3.token.vega.xyz","TESTNET":"https://token.fairground.wtf","MAINNET":"https://token.vega.xyz"}'
 NX_ETHEREUM_PROVIDER_URL=https://sepolia.infura.io/v3/4f846e79e13f44d1b51bbd7ed9edefb8
 NX_ETHERSCAN_URL=https://sepolia.etherscan.io
@@ -12,10 +12,5 @@ export default {
  moduleNameMapper: {
    '^d3-(.*)$': `d3-$1/dist/d3-$1`,
  },
-  collectCoverageFrom: [
-    '**/*.{ts,tsx}',
-    '!**/node_modules/**',
-    '!**/__generated__/**',
-    '!**/__generated___/**',
-  ],
+  collectCoverageFrom: ['**/*.{ts,tsx}', '!**/node_modules/**'],
 };
@@ -8,7 +8,6 @@ import { AppLoader } from './app-loader';
 import { NetworkInfo } from '@vegaprotocol/network-info';
 import { BalanceManager } from './components/balance-manager';
 import { EthWallet } from './components/eth-wallet';
-import { AppLayout } from './components/page-templates/app-layout';
 import { TemplateSidebar } from './components/page-templates/template-sidebar';
 import { TransactionModal } from './components/transactions-modal';
 import { VegaWallet } from './components/vega-wallet';
@@ -89,14 +88,14 @@ const Web3Container = ({
            <AppLoader>
              <BalanceManager>
                <>
-                  <AppLayout>
+                  <div className="app w-full max-w-[1500px] mx-auto grid grid-rows-[min-content_min-content_1fr_min-content] min-h-full border-neutral-700 lg:border-l lg:border-r lg:text-body-large">
                    <TemplateSidebar sidebar={sideBar}>
                      <AppRouter />
                    </TemplateSidebar>
                    <footer className="p-4 border-t border-neutral-700">
                      <NetworkInfo />
                    </footer>
-                  </AppLayout>
+                  </div>
                  <VegaWalletDialogs />
                  <TransactionModal />
                  <WithdrawalDialog />
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
maciek	a9738baae5	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-27 15:25:09 +01:00
maciek	919f0bd26f	chore: improve handling wallet errors in connection dialog - display also ordinary error	2023-01-27 15:24:10 +01:00
maciek	1b49281038	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-27 13:06:52 +01:00
maciek	1e3e957566	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-27 11:30:40 +01:00
maciek	254af3c617	chore: improve handling wallet errors in connection dialog - fix and adjust unit test	2023-01-27 11:30:11 +01:00
maciek	0ac1db40d9	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-26 23:24:10 +01:00
maciek	0984f1f02b	chore: improve handling wallet errors in connection dialog - use api errors	2023-01-26 23:23:44 +01:00
maciek	6c6d142107	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-26 17:50:21 +01:00
maciek	f9dc161dea	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-26 15:31:19 +01:00
maciek	7ee7fa2001	chore: improve handling wallet errors in connection dialog - fix unit test	2023-01-26 15:30:45 +01:00
maciek	e34034a101	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-26 15:15:03 +01:00
maciek	efc1e18049	chore: improve handling wallet errors in connection dialog - display also WalletClientErrors	2023-01-26 15:14:34 +01:00
maciek	80e97535f2	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-26 11:03:54 +01:00
maciek	64716018ef	chore: improve handling wallet errors in connection dialog - add some improvements	2023-01-26 11:03:21 +01:00
maciek	4de86a07ac	chore: improve handling wallet errors in connection dialog - add some improvements	2023-01-26 10:57:32 +01:00
maciek	8b85a11e33	chore: resolve conflicts	2023-01-26 10:48:59 +01:00
maciek	c329d86576	Merge remote-tracking branch 'origin/develop' into chore/2351-improve-handling-wallet-errors	2023-01-25 16:11:17 +01:00
maciek	891be8502e	chore: improve handling wallet errors in connection dialog - adjust some unit tests	2023-01-25 16:10:47 +01:00
maciek	647a1b023f	chore: improve handling wallet errors in connection dialog	2023-01-25 15:19:39 +01:00