fix: market selected no longer available - add link to all markets (#2748)

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

@@ -7,7 +7,7 @@ import {
   useDataProvider,
   useThrottledDataProvider,
 } from '@vegaprotocol/react-helpers';
-import { AsyncRenderer, Splash } from '@vegaprotocol/ui-toolkit';
+import { AsyncRenderer, ExternalLink, Splash } from '@vegaprotocol/ui-toolkit';
 import type {
   SingleMarketFieldsFragment,
   MarketData,
@@ -113,7 +113,17 @@ export const MarketPage = () => {
   if (!data && marketId) {
     return (
       <Splash>
-        <p>{t('Market not found')}</p>
+        <span className="flex flex-col items-center gap-2">
+          <p className="text-sm justify-center">
+            {t('This market URL is not available anymore.')}
+          </p>
+          <p className="text-sm justify-center">
+            {t(`Please choose another market from the`)}{' '}
+            <ExternalLink onClick={() => navigate(Links[Routes.MARKETS]())}>
+              market list
+            </ExternalLink>
+          </p>
+        </span>
       </Splash>
     );
   }

apps/trading/components/welcome-dialog/welcome-landing-dialog.tsx

@@ -84,7 +84,7 @@ export const SelectMarketLandingTable = ({
           data-testid="view-market-list-link"
           onClick={() => onClose()}
         >
-          <UILink className="uppercase underline">
+          <UILink className="text-sm underline">
             {'Or view full market list'}
           </UILink>
         </Link>

libs/ui-toolkit/src/components/toast/toast.tsx

@@ -120,7 +120,7 @@ export const Toast = ({
           onClick={closeToast}
           className="absolute p-2 top-0 right-0"
         >
-          <Icon name="cross" size={3} className="!block" />
+          <Icon name="cross" size={3} className="!block dark:text-white" />
         </button>
         <div
           className={classNames(getToastAccent(intent), 'p-2 pt-3 text-center')}