diff --git a/src/components/ContainerComponents/FeedbackContainer/FeedbackContainer.tsx b/src/components/ContainerComponents/FeedbackContainer/FeedbackContainer.tsx index cbe81713b8cd3328cc8585c6ce63abd08dd0e620..92395ee0ec57a6fe1211f83a9c998e75d92b8910 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}