fix(explorer): disable oracles in mainnet while api is broken

apps/explorer/.env.mainnet

@@ -13,3 +13,4 @@ NX_ORACLE_PROOFS_URL=https://raw.githubusercontent.com/vegaprotocol/well-known/m
 
 NX_TENDERMINT_URL=https://be.vega.community
 NX_TENDERMINT_WEBSOCKET_URL=wss://be.vega.community/websocket
+NX_EXPLORER_ORACLES=0

apps/explorer/src/app/routes/router-config.tsx

@@ -241,6 +241,37 @@ const validators: Route[] = FLAGS.EXPLORER_VALIDATORS
     ]
   : [];
 
+const oraclesRoutes: Route[] = FLAGS.EXPLORER_ORACLES
+  ? [
+      {
+        path: Routes.ORACLES,
+        handle: {
+          name: t('Oracles'),
+          text: t('Oracles'),
+          breadcrumb: () => <Link to={Routes.ORACLES}>{t('Oracles')}</Link>,
+        },
+        element: <OraclePage />,
+        children: [
+          {
+            index: true,
+            element: <Oracles />,
+          },
+          {
+            path: ':id',
+            element: <Oracle />,
+            handle: {
+              breadcrumb: (params: Params<string>) => (
+                <Link to={linkTo(Routes.ORACLES, params.id)}>
+                  {truncateMiddle(params.id as string)}
+                </Link>
+              ),
+            },
+          },
+        ],
+      },
+    ]
+  : [];
+
 const linkTo = (...segments: (string | undefined)[]) =>
   compact(segments).join('/');
 
@@ -310,32 +341,7 @@ export const routerConfig: Route[] = [
           },
         ],
       },
-      {
-        path: Routes.ORACLES,
-        handle: {
-          name: t('Oracles'),
-          text: t('Oracles'),
-          breadcrumb: () => <Link to={Routes.ORACLES}>{t('Oracles')}</Link>,
-        },
-        element: <OraclePage />,
-        children: [
-          {
-            index: true,
-            element: <Oracles />,
-          },
-          {
-            path: ':id',
-            element: <Oracle />,
-            handle: {
-              breadcrumb: (params: Params<string>) => (
-                <Link to={linkTo(Routes.ORACLES, params.id)}>
-                  {truncateMiddle(params.id as string)}
-                </Link>
-              ),
-            },
-          },
-        ],
-      },
+      ...oraclesRoutes,
       {
         path: Routes.DISCLAIMER,
         element: <Disclaimer />,

apps/trading/client-pages/referrals/apply-code-form.tsx

@@ -7,21 +7,13 @@ import {
 import type { FieldValues } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 import classNames from 'classnames';
-import { Navigate, useSearchParams } from 'react-router-dom';
-import { useEffect, useRef, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useEffect, useState } from 'react';
 import { Button } from './buttons';
-import {
-  useTransactionEventSubscription,
-  useVegaWallet,
-} from '@vegaprotocol/wallet';
-import { useReferral } from './hooks/use-referral';
-import { Routes } from '../../lib/links';
+import { useVegaWallet } from '@vegaprotocol/wallet';
 
 export const ApplyCodeForm = () => {
-  const [status, setStatus] = useState<
-    'requested' | 'failed' | 'successful' | null
-  >(null);
-  const txHash = useRef<string | null>(null);
+  const [finalized, setFinalized] = useState<boolean>(false);
   const { isReadOnly, pubKey, sendTx } = useVegaWallet();
   const {
     register,
@@ -32,9 +24,6 @@ export const ApplyCodeForm = () => {
   } = useForm();
   const [params] = useSearchParams();
 
-  const { data: referee } = useReferral(pubKey, 'referee');
-  const { data: referrer } = useReferral(pubKey, 'referrer');
-
   useEffect(() => {
     const code = params.get('code');
     if (code) setValue('code', code);
@@ -45,67 +34,23 @@ export const ApplyCodeForm = () => {
       return;
     }
 
-    setStatus('requested');
-
     sendTx(pubKey, {
       applyReferralCode: {
         id: code as string,
       },
     })
       .then((res) => {
-        if (!res) {
-          setError('code', {
-            type: 'required',
-            message: 'The transaction could not be sent',
-          });
-        }
-        if (res) {
-          txHash.current = res.transactionHash.toLowerCase();
-        }
+        setFinalized(true);
       })
       .catch((err) => {
-        if (err.message.includes('user rejected')) {
-          setStatus(null);
-        } else {
-          setError('code', {
-            type: 'required',
-            message: 'Your code has been rejected',
-          });
-        }
+        setError('code', {
+          type: 'required',
+          message: 'Your code has been rejected',
+        });
       });
   };
 
-  useTransactionEventSubscription({
-    variables: { partyId: pubKey || '' },
-    skip: !pubKey,
-    fetchPolicy: 'no-cache',
-    onData: ({ data: result }) =>
-      result.data?.busEvents?.forEach((event) => {
-        if (event.event.__typename === 'TransactionResult') {
-          const hash = event.event.hash.toLowerCase();
-          if (txHash.current && txHash.current === hash) {
-            const err = event.event.error;
-            const status = event.event.status;
-            if (err) {
-              setStatus(null);
-              setError('code', {
-                type: 'required',
-                message: err,
-              });
-            }
-            if (status && !err) {
-              setStatus('successful');
-            }
-          }
-        }
-      }),
-  });
-
-  if (referee || referrer) {
-    return <Navigate to={Routes.REFERRALS} />;
-  }
-
-  if (status === 'successful') {
+  if (finalized) {
     return (
       <div className="w-1/2 mx-auto">
         <h3 className="mb-5 text-xl text-center uppercase calt flex flex-row gap-2 justify-center items-center">
@@ -118,27 +63,6 @@ export const ApplyCodeForm = () => {
     );
   }
 
-  const getButtonProps = () => {
-    if (isReadOnly || !pubKey) {
-      return {
-        disabled: true,
-        children: 'Apply',
-      };
-    }
-
-    if (status === 'requested') {
-      return {
-        disabled: true,
-        children: 'Confirm in wallet...',
-      };
-    }
-
-    return {
-      disabled: false,
-      children: 'Apply',
-    };
-  };
-
   return (
     <div className="w-1/2 mx-auto">
       <h3 className="mb-5 text-xl text-center uppercase calt">
@@ -162,7 +86,13 @@ export const ApplyCodeForm = () => {
             })}
           />
         </label>
-        <Button className="w-full" type="submit" {...getButtonProps()} />
+        <Button
+          disabled={isReadOnly || !pubKey}
+          className="w-full"
+          type="submit"
+        >
+          Apply
+        </Button>
       </form>
       {errors.code && (
         <InputError>{errors.code.message?.toString()}</InputError>

apps/trading/client-pages/referrals/buttons.tsx

@@ -38,36 +38,18 @@ export const RainbowButton = ({
 
 const RAINBOW_TAB_STYLE = classNames(
   'inline-block',
-  'bg-vega-clight-500 dark:bg-vega-cdark-500',
-  'hover:bg-vega-clight-400 dark:hover:bg-vega-cdark-400',
-  'data-[state="active"]:text-white data-[state="active"]:bg-rainbow',
-  'data-[state="active"]:hover:bg-none data-[state="active"]:hover:bg-vega-pink-500 dark:data-[state="active"]:hover:bg-vega-pink-500',
-  '[&.active]:text-white [&.active]:bg-rainbow',
-  '[&.active]:hover:bg-none [&.active]:hover:bg-vega-pink-500 dark:[&.active]:hover:bg-vega-pink-500',
+  'bg-vega-clight-500 dark:bg-vega-cdark-500 hover:bg-vega-clight-400 dark:hover:bg-vega-cdark-400',
+  'data-[state="active"]:text-white data-[state="active"]:bg-rainbow data-[state="active"]:hover:bg-none data-[state="active"]:hover:bg-vega-pink-500 dark:data-[state="active"]:hover:bg-vega-pink-500',
+  '[&.active]:text-white [&.active]:bg-rainbow [&.active]:hover:bg-none [&.active]:hover:bg-vega-pink-500 dark:[&.active]:hover:bg-vega-pink-500',
   'px-5 py-3',
   'first:rounded-tl-lg last:rounded-tr-lg'
 );
 
-const DISABLED_RAINBOW_TAB_STYLE = classNames(
-  'pointer-events-none',
-  'text-vega-clight-100 dark:text-vega-cdark-100',
-  'data-[state="active"]:text-white',
-  '[&.active]:text-white'
-);
-
 export const RainbowTabButton = forwardRef<
   HTMLButtonElement,
-  { disabled?: boolean } & ButtonHTMLAttributes<HTMLButtonElement>
->(({ children, className, disabled = false, ...props }, ref) => (
-  <button
-    ref={ref}
-    className={classNames(
-      RAINBOW_TAB_STYLE,
-      { 'pointer-events-none': disabled },
-      className
-    )}
-    {...props}
-  >
+  ButtonHTMLAttributes<HTMLButtonElement>
+>(({ children, ...props }, ref) => (
+  <button ref={ref} className={RAINBOW_TAB_STYLE} {...props}>
     {children}
   </button>
 ));
@@ -76,19 +58,9 @@ RainbowTabButton.displayName = 'RainbowTabButton';
 export const RainbowTabLink = ({
   to,
   children,
-  className,
-  disabled = false,
   ...props
-}: { disabled?: boolean } & ComponentProps<typeof NavLink>) => (
-  <NavLink
-    to={to}
-    className={classNames(
-      RAINBOW_TAB_STYLE,
-      disabled && DISABLED_RAINBOW_TAB_STYLE,
-      typeof className === 'string' ? className : undefined
-    )}
-    {...props}
-  >
+}: ComponentProps<typeof NavLink>) => (
+  <NavLink to={to} className={RAINBOW_TAB_STYLE} {...props}>
     {children}
   </NavLink>
 );

apps/trading/client-pages/referrals/referrals.tsx

@@ -9,14 +9,8 @@ import { TiersContainer } from './tiers';
 import { RainbowTabLink } from './buttons';
 import { Outlet } from 'react-router-dom';
 import { Routes } from '../../lib/links';
-import { useVegaWallet } from '@vegaprotocol/wallet';
-import { useReferral } from './hooks/use-referral';
 
 export const Referrals = () => {
-  const { pubKey } = useVegaWallet();
-  const { data: referee } = useReferral(pubKey, 'referee');
-  const { data: referrer } = useReferral(pubKey, 'referrer');
-
   return (
     <>
       <LandingBanner />
@@ -25,10 +19,7 @@ export const Referrals = () => {
           <RainbowTabLink end to={Routes.REFERRALS}>
             Your referrals
           </RainbowTabLink>
-          <RainbowTabLink
-            disabled={Boolean(referee || referrer)}
-            to={Routes.REFERRALS_APPLY_CODE}
-          >
+          <RainbowTabLink to={Routes.REFERRALS_APPLY_CODE}>
             Apply a code
           </RainbowTabLink>
         </div>

libs/wallet/src/connectors/vega-connector.ts

@@ -465,11 +465,6 @@ export const isTransferTransaction = (
   transaction: Transaction
 ): transaction is TransferBody => 'transfer' in transaction;
 
-export const isReferralRelatedTransaction = (
-  transaction: Transaction
-): transaction is CreateReferralSet | ApplyReferralCode =>
-  'createReferralSet' in transaction || 'applyReferralCode' in transaction;
-
 export interface TransactionResponse {
   transactionHash: string;
   signature: string; // still to be added by core

libs/web3/src/lib/use-vega-transaction-toasts.tsx

@@ -25,7 +25,6 @@ import {
   VegaTxStatus,
   isStopOrdersSubmissionTransaction,
   isStopOrdersCancellationTransaction,
-  isReferralRelatedTransaction,
 } from '@vegaprotocol/wallet';
 import type { Toast, ToastContent } from '@vegaprotocol/ui-toolkit';
 import { ToastHeading } from '@vegaprotocol/ui-toolkit';
@@ -98,7 +97,6 @@ const isTransactionTypeSupported = (tx: VegaStoredTxState) => {
   const editOrder = isOrderAmendmentTransaction(tx.body);
   const batchMarketInstructions = isBatchMarketInstructionsTransaction(tx.body);
   const transfer = isTransferTransaction(tx.body);
-  const referral = isReferralRelatedTransaction(tx.body);
   return (
     withdraw ||
     submitOrder ||
@@ -107,8 +105,7 @@ const isTransactionTypeSupported = (tx: VegaStoredTxState) => {
     cancelStopOrder ||
     editOrder ||
     batchMarketInstructions ||
-    transfer ||
-    referral
+    transfer
   );
 };