made report message

src/widgets/forms/ReportForm/ReportForm.tsx

@@ -22,6 +22,7 @@ import { useSession } from "next-auth/react";
 import { IDisplayMap } from "@/shared/types/map-type";
 import Loader from "@/shared/ui/components/Loader/Loader";
 import { useRouter } from "@/shared/config/navigation";
+import ReportMessage from "@/features/ReportMessage/ReportMessage";
 
 interface ILatLng {
   lat: number;
@@ -34,6 +35,7 @@ const ReportForm = () => {
   const [latLng, setLatLng] = useState<ILatLng[]>([]);
   const [displayLatLng, setDisplayLatLng] = useState<string[]>([]);
   const [images, setImages] = useState<File[]>([]);
+  const [showMessage, setShowMessage] = useState<boolean>(false);
   const position = {
     lat: 42.8746,
     lng: 74.606,
@@ -124,7 +126,7 @@ const ReportForm = () => {
       );
 
       if ([200, 201].includes(res.status)) {
-        router.push("/");
+        setShowMessage(true);
       }
     } catch (error: unknown) {
       if (error instanceof AxiosError) {
@@ -294,6 +296,12 @@ const ReportForm = () => {
         )}
       </button>
       {error ? <p className="report-form__error">{error}</p> : null}
+      {showMessage ? (
+        <ReportMessage
+          setShowMessage={setShowMessage}
+          showMessage={showMessage}
+        />
+      ) : null}
     </form>
   );
 };