Merge pull request #1737 from curvefi/monad-alert-banner

feat: temp monad pool factory-stable-ng-11 banner

Author: 0xtutti

apps/main/src/dex/components/MonadBannerAlert.tsx

@@ -0,0 +1,19 @@
+import { Banner } from '@ui-kit/shared/ui/Banner'
+import { Stack } from '@mui/material'
+import { t } from '@ui-kit/lib/i18n'
+import { PoolUrlParams } from '../types/main.types'
+
+const MonadBannerAlert = ({ params }: { params: PoolUrlParams }) => {
+  const showFactoryStableNg11Banner = params.pool === 'factory-stable-ng-11' && params.network === 'monad'
+
+  if (showFactoryStableNg11Banner)
+    return (
+      <Stack>
+        <Banner severity="alert">
+          {t`This pool has been misconfigured. It has been set to withdraw only. To minimize impact withdraw in balanced proportion instead of single sided.`}
+        </Banner>
+      </Stack>
+    )
+}
+
+export default MonadBannerAlert

apps/main/src/dex/components/PagePool/index.tsx

@@ -20,6 +20,7 @@ import useStore from '@/dex/store/useStore'
 import { getChainPoolIdActiveKey } from '@/dex/utils'
 import { getPath } from '@/dex/utils/utilsRouter'
 import { ManageGauge } from '@/dex/widgets/manage-gauge'
+import type { PoolUrlParams } from '@/dex/types/main.types'
 import Stack from '@mui/material/Stack'
 import AlertBox from '@ui/AlertBox'
 import { AppFormContentWrapper } from '@ui/AppForm'
@@ -44,6 +45,7 @@ import { t } from '@ui-kit/lib/i18n'
 import { REFRESH_INTERVAL } from '@ui-kit/lib/model'
 import { type TabOption, TabsSwitcher } from '@ui-kit/shared/ui/TabsSwitcher'
 import { SizesAndSpaces } from '@ui-kit/themes/design/1_sizes_spaces'
+import MonadBannerAlert from '../MonadBannerAlert'
 
 const DEFAULT_SEED: Seed = { isSeed: null, loaded: false }
 const { MaxWidth } = SizesAndSpaces
@@ -54,7 +56,6 @@ const Transfer = (pageTransferProps: PageTransferProps) => {
   const { signerAddress } = curve ?? {}
   const push = useNavigate()
   const poolAlert = usePoolAlert(poolData)
-
   const { tokensMapper } = useTokensMapper(rChainId)
   const userPoolActiveKey = curve && rPoolId ? getUserPoolActiveKey(curve, rPoolId) : ''
   const chainIdPoolId = getChainPoolIdActiveKey(rChainId, rPoolId)
@@ -206,6 +207,7 @@ const Transfer = (pageTransferProps: PageTransferProps) => {
 
   return (
     <>
+      <MonadBannerAlert params={params as PoolUrlParams} />
       <AppPageFormContainer isAdvanceMode={true}>
         <AppPageFormsWrapper className="grid-transfer">
           <Stack