Skip to content

Commit db2640e

Browse files
salimtbsalimtb
committed
fix: put under ab testing
1 parent c7dcd03 commit db2640e

6 files changed

Lines changed: 74 additions & 8 deletions

File tree

‎app/components/UI/Trending/Views/RWATokensFullView/RWATokensFullView.tsx‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,22 @@ import { useRwaTokens } from '../../hooks/useRwaTokens/useRwaTokens';
1010
import { useTokenListFilters } from '../../hooks/useTokenListFilters/useTokenListFilters';
1111
import TokenListPageLayout from '../../components/TokenListPageLayout/TokenListPageLayout';
1212
import { RWA_NETWORKS_LIST } from '../../utils/trendingNetworksList';
13+
import { useABTest } from '../../../../../hooks/useABTest';
14+
import {
15+
EXPLORE_QUICK_BUY_AB_KEY,
16+
EXPLORE_QUICK_BUY_VARIANTS,
17+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
18+
} from '../../../../Views/TrendingView/search/abTestConfig';
1319

1420
const RWATokensFullView = () => {
1521
const [quickTradeToken, setQuickTradeToken] = useState<TrendingAsset | null>(
1622
null,
1723
);
24+
const { variant: quickBuyVariant } = useABTest(
25+
EXPLORE_QUICK_BUY_AB_KEY,
26+
EXPLORE_QUICK_BUY_VARIANTS,
27+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
28+
);
1829
const filters = useTokenListFilters({
1930
timeOption: TimeOption.TwentyFourHours,
2031
});
@@ -58,7 +69,9 @@ const RWATokensFullView = () => {
5869
allowedNetworks={RWA_NETWORKS_LIST}
5970
onLoadMore={loadMore}
6071
isLoadingMore={isLoadingMore}
61-
onQuickTrade={setQuickTradeToken}
72+
onQuickTrade={
73+
quickBuyVariant.showQuickTradeButton ? setQuickTradeToken : undefined
74+
}
6275
quickBuyNode={
6376
<TrendingQuickBuy
6477
token={quickTradeToken}

‎app/components/UI/Trending/Views/TrendingTokensFullView/TrendingTokensFullView.tsx‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,12 @@ import { FilterButton } from '../../components/FilterBar/FilterBar';
2929
import TokenListPageLayout from '../../components/TokenListPageLayout/TokenListPageLayout';
3030
import { TRENDING_NETWORKS_LIST } from '../../utils/trendingNetworksList';
3131
import type { Theme } from '../../../../../util/theme/models';
32+
import { useABTest } from '../../../../../hooks/useABTest';
33+
import {
34+
EXPLORE_QUICK_BUY_AB_KEY,
35+
EXPLORE_QUICK_BUY_VARIANTS,
36+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
37+
} from '../../../../Views/TrendingView/search/abTestConfig';
3238

3339
export interface TrendingTokensFullViewParams {
3440
initialTimeOption?: TimeOption;
@@ -117,6 +123,11 @@ const TrendingTokensFullView = () => {
117123
const [quickTradeToken, setQuickTradeToken] = useState<TrendingAsset | null>(
118124
null,
119125
);
126+
const { variant: quickBuyVariant } = useABTest(
127+
EXPLORE_QUICK_BUY_AB_KEY,
128+
EXPLORE_QUICK_BUY_VARIANTS,
129+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
130+
);
120131
const { params } =
121132
useRoute<
122133
RouteProp<{ TrendingTokensFullView: TrendingTokensFullViewParams }>
@@ -266,7 +277,9 @@ const TrendingTokensFullView = () => {
266277
selectedTime={filters.selectedTimeOption}
267278
/>
268279
}
269-
onQuickTrade={setQuickTradeToken}
280+
onQuickTrade={
281+
quickBuyVariant.showQuickTradeButton ? setQuickTradeToken : undefined
282+
}
270283
quickBuyNode={
271284
<TrendingQuickBuy
272285
token={quickTradeToken}

‎app/components/Views/TrendingView/Views/ExploreSearchScreen/ExploreSearchScreen.tsx‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,11 +76,17 @@ const FullFeedList: React.FC<FullFeedListProps> = ({
7676
null,
7777
);
7878

79-
const { variant: quickBuyVariant } = useABTest(
79+
const exploreQuickBuyABTest = useABTest(
8080
EXPLORE_QUICK_BUY_AB_KEY,
8181
EXPLORE_QUICK_BUY_VARIANTS,
8282
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
8383
);
84+
const { variant: quickBuyVariant } = exploreQuickBuyABTest;
85+
// eslint-disable-next-line no-console
86+
console.log(
87+
`[${EXPLORE_QUICK_BUY_AB_KEY}] ExploreSearchScreen result:`,
88+
exploreQuickBuyABTest,
89+
);
8490

8591
useEffect(() => {
8692
flashListRef.current?.scrollToOffset({ offset: 0, animated: false });

‎app/components/Views/TrendingView/search/ExploreSearchResults.tsx‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,11 +113,17 @@ const ExploreSearchResults: React.FC<ExploreSearchResultsProps> = ({
113113
null,
114114
);
115115

116-
const { variant: quickBuyVariant } = useABTest(
116+
const exploreQuickBuyABTest = useABTest(
117117
EXPLORE_QUICK_BUY_AB_KEY,
118118
EXPLORE_QUICK_BUY_VARIANTS,
119119
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
120120
);
121+
const { variant: quickBuyVariant } = exploreQuickBuyABTest;
122+
// eslint-disable-next-line no-console
123+
console.log(
124+
`[${EXPLORE_QUICK_BUY_AB_KEY}] ExploreSearchResults result ++++++:`,
125+
exploreQuickBuyABTest,
126+
);
121127

122128
const { onScrollBeginDrag, resetScrollTracking } = useScrollTracking(
123129
'scrolled',

‎app/components/Views/TrendingView/tabs/CryptoTab.tsx‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,12 @@ import type { TabProps } from '../hooks/useExploreRefresh';
3535
import { trackExploreInteracted } from '../search/analytics';
3636
import { TrendingViewSelectorsIDs } from '../TrendingView.testIds';
3737
import TrendingQuickBuy from '../../../UI/Trending/components/TrendingQuickBuy/TrendingQuickBuy';
38+
import { useABTest } from '../../../../hooks/useABTest';
39+
import {
40+
EXPLORE_QUICK_BUY_AB_KEY,
41+
EXPLORE_QUICK_BUY_VARIANTS,
42+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
43+
} from '../search/abTestConfig';
3844

3945
const styles = StyleSheet.create({
4046
container: { flex: 1 },
@@ -110,6 +116,12 @@ const CryptoTabContent: React.FC<TabProps> = ({
110116
null,
111117
);
112118

119+
const { variant: quickBuyVariant } = useABTest(
120+
EXPLORE_QUICK_BUY_AB_KEY,
121+
EXPLORE_QUICK_BUY_VARIANTS,
122+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
123+
);
124+
113125
const tokens = useTokensFeed({ refresh });
114126
const cryptoPredictions = usePredictionsFeed({
115127
variant: 'crypto',
@@ -139,10 +151,12 @@ const CryptoTabContent: React.FC<TabProps> = ({
139151
item_clicked: item.assetId,
140152
})
141153
}
142-
onQuickTrade={setQuickTradeToken}
154+
onQuickTrade={
155+
quickBuyVariant.showQuickTradeButton ? setQuickTradeToken : undefined
156+
}
143157
/>
144158
),
145-
[],
159+
[quickBuyVariant.showQuickTradeButton],
146160
);
147161

148162
const showTokens = tokens.isLoading || tokens.data.length > 0;

‎app/components/Views/TrendingView/tabs/RwasTab.tsx‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,12 @@ import type { TabProps } from '../hooks/useExploreRefresh';
4444
import { trackExploreInteracted } from '../search/analytics';
4545
import { TrendingViewSelectorsIDs } from '../TrendingView.testIds';
4646
import TrendingQuickBuy from '../../../UI/Trending/components/TrendingQuickBuy/TrendingQuickBuy';
47+
import { useABTest } from '../../../../hooks/useABTest';
48+
import {
49+
EXPLORE_QUICK_BUY_AB_KEY,
50+
EXPLORE_QUICK_BUY_VARIANTS,
51+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
52+
} from '../search/abTestConfig';
4753

4854
const styles = StyleSheet.create({
4955
container: { flex: 1 },
@@ -118,6 +124,12 @@ const RwasTabContent: React.FC<TabProps> = ({
118124
null,
119125
);
120126

127+
const { variant: quickBuyVariant } = useABTest(
128+
EXPLORE_QUICK_BUY_AB_KEY,
129+
EXPLORE_QUICK_BUY_VARIANTS,
130+
EXPLORE_QUICK_BUY_EXPOSURE_METADATA,
131+
);
132+
121133
const politics = usePredictionsFeed({ variant: 'politics', refresh });
122134
const stocks = useStocksFeed({
123135
refresh,
@@ -143,10 +155,12 @@ const RwasTabContent: React.FC<TabProps> = ({
143155
item_clicked: item.assetId,
144156
})
145157
}
146-
onQuickTrade={setQuickTradeToken}
158+
onQuickTrade={
159+
quickBuyVariant.showQuickTradeButton ? setQuickTradeToken : undefined
160+
}
147161
/>
148162
),
149-
[],
163+
[quickBuyVariant.showQuickTradeButton],
150164
);
151165

152166
const showStocks = stocks.isLoading || stocks.data.length > 0;

0 commit comments

Comments
 (0)