diff --git a/frontend/src/components/pages/LevelReviewPage/index.tsx b/frontend/src/components/pages/LevelReviewPage/index.tsx index 451dd279..fb5da27b 100644 --- a/frontend/src/components/pages/LevelReviewPage/index.tsx +++ b/frontend/src/components/pages/LevelReviewPage/index.tsx @@ -1,5 +1,6 @@ import { useCallback } from "react"; import { useContext } from "react"; +import { useState } from "react"; import { useQuery } from "react-query"; import { useNavigate } from "react-router-dom"; import { useParams } from "react-router-dom"; @@ -7,6 +8,7 @@ import { Loader } from "src/components/common/Loader"; import { ReviewForm } from "src/components/common/ReviewForm"; import { SmartWrap } from "src/components/common/SmartWrap"; import { PlainLayout } from "src/components/layouts/PlainLayout"; +import { PlaylistAddModal } from "src/components/modals/PlaylistAddModal"; import { usePageMetadata } from "src/contexts/PageMetadataContext"; import { UserContext } from "src/contexts/UserContext"; import type { LevelNested } from "src/services/LevelService"; @@ -19,6 +21,7 @@ interface LevelReviewPageParams { } const LevelReviewPage = () => { + const [isModalActive, setIsModalActive] = useState(false); const { user } = useContext(UserContext); const navigate = useNavigate(); const { levelId } = (useParams() as unknown) as LevelReviewPageParams; @@ -37,6 +40,10 @@ const LevelReviewPage = () => { navigate(`/levels/${levelId}`); }, [navigate, levelId]); + const handleSubmit = useCallback(() => { + setIsModalActive(true); + }, [setIsModalActive]); + usePageMetadata( () => ({ ready: !levelResult.isLoading, @@ -63,7 +70,19 @@ const LevelReviewPage = () => { return ( }> - + + + ); };