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 (
}>
-
+
+
+
);
};