가상투자 화면 목록 선택 동작

frontend/src/components/VirtualTradingPage.tsx

@@ -110,12 +110,23 @@ const VirtualTradingPage: React.FC<Props> = ({
 
   const tradePrice = tickers?.get(selectedMarket)?.tradePrice ?? null;
 
+  const handleSelectMarket = useCallback((market: string) => {
+    setSelectedMarket(market);
+    const price = tickers?.get(market)?.tradePrice;
+    if (price != null && price > 0) {
+      const seq = Date.now();
+      setFillBuy({ market, price, side: 'buy', seq });
+      setFillSell({ market, price, side: 'sell', seq: seq + 1 });
+    }
+    setRightTab('trade');
+  }, [tickers]);
+
   const handleTargetsChange = useCallback((items: VirtualTargetItem[]) => {
     setTargets(items);
     if (items.length > 0 && !items.some(t => t.market === selectedMarket)) {
-      setSelectedMarket(items[0].market);
+      handleSelectMarket(items[0].market);
     }
-  }, [selectedMarket]);
+  }, [selectedMarket, handleSelectMarket]);
 
   const handleGlobalStrategyChange = useCallback((strategyId: number | null) => {
     setSession(s => ({ ...s, globalStrategyId: strategyId }));
@@ -227,7 +238,7 @@ const VirtualTradingPage: React.FC<Props> = ({
           selectedMarket={selectedMarket}
           tickers={tickers}
           onTargetsChange={handleTargetsChange}
-          onSelectMarket={setSelectedMarket}
+          onSelectMarket={handleSelectMarket}
           onTargetStrategyChange={(market, strategyId) => void handleTargetStrategyChange(market, strategyId)}
         />
       )}
@@ -245,6 +256,8 @@ const VirtualTradingPage: React.FC<Props> = ({
           onTargetStrategyChange={(market, strategyId) => void handleTargetStrategyChange(market, strategyId)}
           liveStatusByMarket={mergedLiveStatus}
           lastTickAtByMarket={lastTickAtByMarket}
+          selectedMarket={selectedMarket}
+          onSelectMarket={handleSelectMarket}
           theme={theme}
           chartRealtimeSource={chartRealtimeSource}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
@@ -267,7 +280,7 @@ const VirtualTradingPage: React.FC<Props> = ({
                     availableKrw={summary?.cashBalance ?? 0}
                     fillRequest={fillBuy}
                     searchAnchorRef={orderAnchorRef}
-                    onMarketSelect={setSelectedMarket}
+                    onMarketSelect={handleSelectMarket}
                     showSymbolField
                     paperTradingEnabled={paperTradingEnabled}
                     paperAutoTradeEnabled={paperAutoTradeEnabled}
@@ -283,7 +296,7 @@ const VirtualTradingPage: React.FC<Props> = ({
                     tradePrice={tradePrice}
                     availableCoinQty={posQty}
                     fillRequest={fillSell}
-                    onMarketSelect={setSelectedMarket}
+                    onMarketSelect={handleSelectMarket}
                     showSymbolField={false}
                     paperTradingEnabled={paperTradingEnabled}
                     paperAutoTradeEnabled={paperAutoTradeEnabled}