crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-29 18:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changes

Browse Source
This commit is contained in:
Belen Curcio 2021-01-06 13:29:31 -03:00
parent 5a0dc5000a
commit a613a977b1
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/ui/Modal/Modal.tsx
View File

@ -1,4 +1,4 @@
import { FC, useRef, useEffect } from 'react' import { FC, useRef, useEffect, useCallback } from 'react'
import Portal from '@reach/portal' import Portal from '@reach/portal'
import s from './Modal.module.css' import s from './Modal.module.css'
import { Cross } from '@components/icons' import { Cross } from '@components/icons'
@ -19,11 +19,12 @@ interface Props {
const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => { const Modal: FC<Props> = ({ children, open, onClose, onEnter = null }) => {
const ref = useRef() as React.MutableRefObject<HTMLDivElement> const ref = useRef() as React.MutableRefObject<HTMLDivElement>
const handleKey = (e: KeyboardEvent) => { const handleKey = (e: KeyboardEvent) =>
if (e.key === 'Escape') { useCallback(() => {
return onClose() if (e.key === 'Escape') {
} return onClose()
} }
}, [onClose])
useEffect(() => { useEffect(() => {
if (ref.current) { if (ref.current) {