From 5ccf88da56f7dad9a938c253fb08a687d1fc43be Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 10 Jul 2026 23:36:16 +0000
Subject: [PATCH] fix(social): remove useElevatedSurface shim from Quick Buy
 BottomSheet (TMCU-1050)

MMDS BottomSheetDialog now handles pure-black elevated surface styling
internally. Remove the redundant useElevatedSurface() shim from the Social
Leaderboard Quick Buy sheet.

Co-authored-by: George Marshall <georgewrmarshall@users.noreply.github.com>
---
 .../components/QuickBuy/QuickBuyRoot.tsx                  | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuy/QuickBuyRoot.tsx b/app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuy/QuickBuyRoot.tsx
index a16dd1bd2a87..405cc98e19a6 100644
--- a/app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuy/QuickBuyRoot.tsx
+++ b/app/components/Views/SocialLeaderboard/TraderPositionView/components/QuickBuy/QuickBuyRoot.tsx
@@ -17,7 +17,6 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useSelector } from 'react-redux';
 import { MetaMetricsEvents } from '../../../../../../core/Analytics';
 import { selectIsSubmittingTx } from '../../../../../../core/redux/slices/bridge';
-import { useElevatedSurface } from '../../../../../../util/theme/themeUtils';
 import { QuickBuyEventProperties, QuickBuyEventValues } from './analytics';
 import { useSocialLeaderboardAnalytics } from '../../../analytics';
 import { TOP_TRADERS_QUICK_BUY_FEATURES } from './features';
@@ -95,7 +94,6 @@ const QuickBuyRootInner: React.FC<QuickBuyRootInnerProps> = ({
   // with the sheet instead of running its horizontal screen-exit transition.
   const [isClosing, setIsClosing] = useState(false);
   const isSubmittingTx = useSelector(selectIsSubmittingTx);
-  const surfaceClass = useElevatedSurface();
 
   const directionSV = useSharedValue<ScreenDirection>(1);
   // Suppresses the enter animation on the initial screen when the sheet opens;
@@ -177,11 +175,7 @@ const QuickBuyRootInner: React.FC<QuickBuyRootInnerProps> = ({
     activeScreen === 'amount' || activeScreen === 'priceImpactConfirm';
 
   return (
-    <BottomSheetDialog
-      ref={bottomSheetRef}
-      onClose={onClose}
-      twClassName={surfaceClass}
-    >
+    <BottomSheetDialog ref={bottomSheetRef} onClose={onClose}>
       {isContentReady ? (
         <QuickBuyProvider
           target={target}