From 08e9fac7abc1f6bbe7d18636baf88b1370489e15 Mon Sep 17 00:00:00 2001
From: Major <major@ycorpo.com>
Date: Thu, 29 Jun 2023 11:20:20 +0200
Subject: [PATCH] fix: hide cowswap solver on sidechains

---
 apps/vaults/components/SettingsPopover.tsx    | 36 ++++++++++++-------
 .../details/VaultActionsTabsWrapper.tsx       |  2 +-
 2 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/apps/vaults/components/SettingsPopover.tsx b/apps/vaults/components/SettingsPopover.tsx
index 73c793748..80ed8fcb1 100755
--- a/apps/vaults/components/SettingsPopover.tsx
+++ b/apps/vaults/components/SettingsPopover.tsx
@@ -1,8 +1,7 @@
-import {Fragment} from 'react';
+import {Fragment, useMemo} from 'react';
 import {Popover, Transition} from '@headlessui/react';
 import {isSolverDisabled} from '@vaults/contexts/useSolver';
 import Renderable from '@yearn-finance/web-lib/components/Renderable';
-import {useChainID} from '@yearn-finance/web-lib/hooks/useChainID';
 import IconSettings from '@yearn-finance/web-lib/icons/IconSettings';
 import {useYearn} from '@common/contexts/useYearn';
 import {Solver} from '@common/schemas/yDaemonTokenListBalances';
@@ -10,10 +9,19 @@ import {Solver} from '@common/schemas/yDaemonTokenListBalances';
 import type {ReactElement} from 'react';
 import type {TSolver} from '@common/schemas/yDaemonTokenListBalances';
 
-export default function SettingsPopover(): ReactElement {
-	const {chainID} = useChainID();
+type TSettingPopover = {
+	chainID: number
+}
+export default function SettingsPopover({chainID}: TSettingPopover): ReactElement {
 	const {zapProvider, set_zapProvider, zapSlippage, set_zapSlippage} = useYearn();
 
+	const currentZapProvider = useMemo((): TSolver => {
+		if (chainID !== 1 && zapProvider === 'Cowswap') {
+			return 'Wido';
+		}
+		return zapProvider;
+	}, [chainID, zapProvider]);
+
 	return (
 		<Popover className={'relative flex'}>
 			{(): ReactElement => (
@@ -38,13 +46,15 @@ export default function SettingsPopover(): ReactElement {
 										<select
 											id={'zapProvider'}
 											onChange={(e): void => set_zapProvider(e.target.value as TSolver)}
-											value={zapProvider}
+											value={currentZapProvider}
 											className={'mt-1 h-10 w-full overflow-x-scroll border-none bg-neutral-100 p-2 outline-none scrollbar-none'}>
-											<option
-												disabled={isSolverDisabled[Solver.enum.Cowswap]}
-												value={Solver.enum.Cowswap}>
-												{Solver.enum.Cowswap}
-											</option>
+											{chainID === 1 ? (
+												<option
+													disabled={isSolverDisabled[Solver.enum.Cowswap]}
+													value={Solver.enum.Cowswap}>
+													{Solver.enum.Cowswap}
+												</option>
+											): null}
 											<option
 												disabled={isSolverDisabled[Solver.enum.Wido]}
 												value={Solver.enum.Wido}>
@@ -56,7 +66,7 @@ export default function SettingsPopover(): ReactElement {
 												{Solver.enum.Portals}
 											</option>
 										</select>
-										<Renderable shouldRender={zapProvider === Solver.enum.Cowswap}>
+										<Renderable shouldRender={currentZapProvider === Solver.enum.Cowswap}>
 											<legend className={'text-xs italic text-neutral-500'}>
 												{'Submit a'}&nbsp;
 												<a
@@ -69,7 +79,7 @@ export default function SettingsPopover(): ReactElement {
 													&nbsp;{'using CoW Swap.'}
 											</legend>
 										</Renderable>
-										<Renderable shouldRender={zapProvider === Solver.enum.Wido}>
+										<Renderable shouldRender={currentZapProvider === Solver.enum.Wido}>
 											<legend className={'text-xs italic text-neutral-500'}>
 												{'Submit an order via'}&nbsp;
 												<a
@@ -82,7 +92,7 @@ export default function SettingsPopover(): ReactElement {
 													&nbsp;{'(0.3% fee).'}
 											</legend>
 										</Renderable>
-										<Renderable shouldRender={zapProvider === Solver.enum.Portals}>
+										<Renderable shouldRender={currentZapProvider === Solver.enum.Portals}>
 											<legend>&nbsp;</legend>
 										</Renderable>
 									</div>
diff --git a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
index fe7346d41..a024c3810 100755
--- a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
+++ b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
@@ -223,7 +223,7 @@ function VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}):
 					</div>
 
 					<div className={'flex flex-row items-center justify-end space-x-2 pb-0 md:pb-4 md:last:space-x-4'}>
-						<SettingsPopover />
+						<SettingsPopover chainID={currentVault.chainID} />
 					</div>
 				</div>
 				<div className={'-mt-0.5 h-0.5 w-full bg-neutral-300'} />