From ca930a9e127851d0fe987ef9534d5e025dae296f Mon Sep 17 00:00:00 2001
From: Yoan Vallet <yoan.vallet@gmail.com>
Date: Thu, 2 Jul 2020 01:56:45 +0200
Subject: [PATCH] feat: add toogleBackgroundScroll to feedback modal
---
.../FeedbackContainer/FeedbackContainer.tsx | 15 +++++++++++++--
1 file changed, 13 insertions(+), 2 deletions(-)
diff --git a/src/components/ContainerComponents/FeedbackContainer/FeedbackContainer.tsx b/src/components/ContainerComponents/FeedbackContainer/FeedbackContainer.tsx
index cbe81713b..92395ee0e 100644
--- a/src/components/ContainerComponents/FeedbackContainer/FeedbackContainer.tsx
+++ b/src/components/ContainerComponents/FeedbackContainer/FeedbackContainer.tsx
@@ -1,14 +1,25 @@
-import React, { useContext } from 'react'
+import React, { useEffect, useContext } from 'react'
import { AppContext } from 'components/Contexts/AppContextProvider'
import FeedbackModal from 'components/ContentComponents/Feedback/FeedbackModal'
const FeedbackContainer: React.FC = () => {
- const { feedbackIsOpened, setFeedbackOpened } = useContext(AppContext)
+ const {
+ feedbackIsOpened,
+ setFeedbackOpened,
+ toggleBackgroundScroll,
+ } = useContext(AppContext)
const handleCloseClick = () => {
setFeedbackOpened(false)
+ toggleBackgroundScroll()
}
+ useEffect(() => {
+ if (feedbackIsOpened) {
+ toggleBackgroundScroll()
+ }
+ }, [feedbackIsOpened])
+
return (
<FeedbackModal
opened={feedbackIsOpened}
--
GitLab