diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml index a91391239a..50e65e6794 100644 --- a/.github/workflows/release.yaml +++ b/.github/workflows/release.yaml @@ -62,10 +62,8 @@ jobs: The IPFS hash of the bundle is `${{ steps.upload.outputs.hash }}` - Uniswap uses [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) - to store your settings. - **Beware** that other sites you access via the same IPFS gateway can read and modify your settings on - Uniswap without your permission. + Uniswap uses [`localStorage`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to store your settings. + **Beware** that other sites you access via the _same_ IPFS gateway can read and modify your settings on Uniswap without your permission. Preferred URLs: - [ipfs://${{ steps.upload.outputs.hash }}/](ipfs://${{ steps.upload.outputs.hash }}/) diff --git a/package.json b/package.json index d9d559512c..0dc2cb756d 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,8 @@ "@material-ui/core": "^4.9.5", "@mycrypto/eth-scan": "^2.1.0", "@popperjs/core": "^2.4.0", - "@reach/dialog": "^0.2.8", + "@reach/dialog": "^0.10.3", + "@reach/portal": "^0.10.3", "@reduxjs/toolkit": "^1.3.5", "@types/jest": "^25.2.1", "@types/node": "^13.13.5", diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx index c910527278..56a5845dc9 100644 --- a/src/components/Modal/index.tsx +++ b/src/components/Modal/index.tsx @@ -11,7 +11,7 @@ import { useGesture } from 'react-use-gesture' // errors emitted, fix with https://github.com/styled-components/styled-components/pull/3006 const AnimatedDialogOverlay = animated(DialogOverlay) -const StyledDialogOverlay = styled(AnimatedDialogOverlay)` +const StyledDialogOverlay = styled(AnimatedDialogOverlay)<{ mobile: boolean }>` &[data-reach-dialog-overlay] { z-index: 2; display: flex; @@ -95,7 +95,7 @@ interface ModalProps { onDismiss: () => void minHeight?: number | false maxHeight?: number - initialFocusRef?: React.Ref + initialFocusRef?: React.RefObject children?: React.ReactNode } @@ -145,7 +145,7 @@ export default function Modal({ style={props} onDismiss={onDismiss} initialFocusRef={initialFocusRef} - mobile={isMobile} + mobile={true} > -