From 995f1f1eafbe80975a385d0a42c7767d6cb9d032 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Tue, 29 Nov 2022 01:45:35 -0600
Subject: [PATCH] fix: text color of no data message, add connect buttons to
 trade grid user section (#2246)

---
 apps/trading/client-pages/market/trade-grid.tsx | 17 +++++++++++++----
 .../ui-toolkit/src/components/splash/splash.tsx |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/apps/trading/client-pages/market/trade-grid.tsx b/apps/trading/client-pages/market/trade-grid.tsx
index 3adae3956..c4cff553a 100644
--- a/apps/trading/client-pages/market/trade-grid.tsx
+++ b/apps/trading/client-pages/market/trade-grid.tsx
@@ -37,6 +37,7 @@ import { MarketMarkPrice } from '../../components/market-mark-price';
 import { MarketTradingModeComponent } from '../../components/market-trading-mode';
 import { Last24hVolume } from '../../components/last-24h-volume';
 import { MarketProposalNotification } from '@vegaprotocol/governance';
+import { VegaWalletContainer } from '../../components/vega-wallet-container';
 
 const NO_MARKET = t('No market');
 
@@ -261,16 +262,24 @@ const MainGrid = ({
       <TradeGridChild>
         <Tabs>
           <Tab id="positions" name={t('Positions')}>
-            <TradingViews.Positions />
+            <VegaWalletContainer>
+              <TradingViews.Positions />
+            </VegaWalletContainer>
           </Tab>
           <Tab id="orders" name={t('Orders')}>
-            <TradingViews.Orders />
+            <VegaWalletContainer>
+              <TradingViews.Orders />
+            </VegaWalletContainer>
           </Tab>
           <Tab id="fills" name={t('Fills')}>
-            <TradingViews.Fills />
+            <VegaWalletContainer>
+              <TradingViews.Fills />
+            </VegaWalletContainer>
           </Tab>
           <Tab id="accounts" name={t('Collateral')}>
-            <TradingViews.Collateral />
+            <VegaWalletContainer>
+              <TradingViews.Collateral />
+            </VegaWalletContainer>
           </Tab>
         </Tabs>
       </TradeGridChild>
diff --git a/libs/ui-toolkit/src/components/splash/splash.tsx b/libs/ui-toolkit/src/components/splash/splash.tsx
index 806afec03..1e0c925bf 100644
--- a/libs/ui-toolkit/src/components/splash/splash.tsx
+++ b/libs/ui-toolkit/src/components/splash/splash.tsx
@@ -7,7 +7,7 @@ export interface SplashProps {
 
 export const Splash = ({ children }: SplashProps) => {
   const splashClasses = classNames(
-    'w-full h-full text-xs text-center text-gray-200',
+    'w-full h-full text-xs text-center text-gray-800 dark:text-gray-200',
     'flex items-center justify-center'
   );
   return <div className={splashClasses}>{children}</div>;