diff --git a/src/pages/Pool/PositionPage.tsx b/src/pages/Pool/PositionPage.tsx index d0b6539f3b..56869571cc 100644 --- a/src/pages/Pool/PositionPage.tsx +++ b/src/pages/Pool/PositionPage.tsx @@ -61,6 +61,14 @@ const getTokenLink = (chainId: SupportedChainId, address: string) => { } } +const PositionPageButtonPrimary = styled(ButtonPrimary)` + width: 228px; + height: 40px; + font-size: 16px; + line-height: 20px; + border-radius: 12px; +` + const PageWrapper = styled.div` padding: 68px 16px 16px 16px; @@ -578,6 +586,24 @@ export function PositionPage() { !collectMigrationHash ) + if (!positionDetails && !loading) { + return ( + +
+ + Position unavailable + + + To view a position, you must be connected to the network it belongs to. + + + Back to Pools + +
+
+ ) + } + return loading || poolState === PoolState.LOADING || !feeAmount ? (