import { useEffect } from "react";
import { useParams } from "react-router-dom";
import { apiStore } from "../../../client/src/api/ApiStore/store";
import App from "../../../client/src/App";
import "../../../client/src/index.css";
import "../../../client/src/App.css";

export const DemoPage = () => {
  const { id } = useParams<{ id: string }>();

  // Устанавливаем routeId синхронно при рендере,
  // чтобы App уже имел его при монтировании
  if (id && apiStore.routeId !== id) {
    apiStore.setRouteId(id);
  }

  useEffect(() => {
    return () => {
      apiStore.stopPositionSimulation();
    };
  }, []);

  if (!id) return null;

  return <App />;
};
