zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Improve reliability of modal close

zio/stable
Paul Frazee 2022-11-16 12:37:46 -06:00
parent fe09567760
commit e003f2e3cb
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/view/com/modals/Modal.tsx
View File

@ -21,13 +21,14 @@ export const Modal = observer(function Modal() {
const store = useStores() const store = useStores()
const bottomSheetRef = useRef<BottomSheet>(null) const bottomSheetRef = useRef<BottomSheet>(null)
const onShareBottomSheetChange = (snapPoint: number) => { const onBottomSheetChange = (snapPoint: number) => {
if (snapPoint === -1) { if (snapPoint === -1) {
store.shell.closeModal() store.shell.closeModal()
} }
} }
const onClose = () => { const onClose = () => {
bottomSheetRef.current?.close() bottomSheetRef.current?.close()
store.shell.closeModal()
} }
useEffect(() => { useEffect(() => {
@ -99,7 +100,7 @@ export const Modal = observer(function Modal() {
backdropComponent={ backdropComponent={
store.shell.isModalActive ? createCustomBackdrop(onClose) : undefined store.shell.isModalActive ? createCustomBackdrop(onClose) : undefined
} }
onChange={onShareBottomSheetChange}> onChange={onBottomSheetChange}>
{element} {element}
</BottomSheet> </BottomSheet>
) )