add quizId as App prop and widget param

src/App.tsx

@@ -9,14 +9,18 @@ import { ViewPage } from "./pages/ViewPublicationPage";
 import lightTheme from "./utils/themes/light";
 
 
+const defaultQuizId = "ef836ff8-35b1-4031-9acf-af5766bac2b2";
+
 moment.locale("ru");
 const localeText = ruRU.components.MuiLocalizationProvider.defaultProps.localeText;
 
 interface Props {
     widget?: boolean;
+    quizId?: string;
 }
 
-export default function App({ widget = false }: Props) {
+export default function App({ widget = false, quizId }: Props) {
+    quizId ??= defaultQuizId;
 
     return (
         <SWRConfig value={{
@@ -30,20 +34,20 @@ export default function App({ widget = false }: Props) {
                         style={{ backgroundColor: lightTheme.palette.brightPurple.main }}
                     >
                         <CssBaseline />
-                        {widget ?
+                        {widget ? (
                             <Box sx={{
                                 width: "100%",
                                 height: "100%",
                             }}>
-                                <ViewPage />
+                                <ViewPage quizId={quizId} />
                             </Box>
-                            :
+                        ) : (
                             <Box sx={{
                                 height: "100dvh",
                             }}>
-                                <ViewPage />
+                                <ViewPage quizId={quizId} />
                             </Box>
-                        }
+                        )}
                     </SnackbarProvider>
                 </ThemeProvider>
             </LocalizationProvider>

src/pages/ViewPublicationPage/index.tsx

@@ -12,19 +12,15 @@ import { ApologyPage } from "./ApologyPage";
 import { Question } from "./Question";
 import { StartPageViewPublication } from "./StartPageViewPublication";
 
-
 import { parseQuizData } from "@model/api/getQuizData";
 import { replaceSpacesToEmptyLines } from "./tools/replaceSpacesToEmptyLines";
 
-const QID =
-    import.meta.env.PROD ?
-        window.location.pathname.replace(/\//g, '')
-        :
-        "ef836ff8-35b1-4031-9acf-af5766bac2b2";
+type Props = {
+    quizId: string;
+};
 
-
-export const ViewPage = () => {
-    const { isLoading, error } = useSWR(["quizData", QID], params => getQuizData(params[1]), {
+export const ViewPage = ({ quizId }: Props) => {
+    const { isLoading, error } = useSWR(["quizData", quizId], params => getQuizData(params[1]), {
         onSuccess: setQuizData,
     });
     const { settings, items, recentlyСompleted } = useQuestionsStore();

src/widget.tsx

@@ -5,15 +5,16 @@ import App from "./App";
 let root: Root | undefined = undefined;
 
 const widget = {
-    create({ selector }: {
+    create({ selector, quizId }: {
         selector: string;
+        quizId: string;
     }) {
         const element = document.getElementById(selector);
         if (!element) throw new Error("Element for widget doesn't exist");
 
         root = createRoot(element);
 
-        root.render(<App widget />);
+        root.render(<App widget quizId={quizId} />);
     },
     unmount() {
         if (root) root.unmount();
@@ -27,7 +28,8 @@ export default widget;
     import widget from ".../widget.js";
 
     widget.create({
-        selector: "widget-container"
+        selector: "widget-container",
+        quizId: "...",
     })
 </script>
 */