diff --git a/src/widgets/banner/QuizBanner.tsx b/src/widgets/banner/QuizBanner.tsx index da72cfe..7a81976 100644 --- a/src/widgets/banner/QuizBanner.tsx +++ b/src/widgets/banner/QuizBanner.tsx @@ -3,7 +3,7 @@ import CloseIcon from '@mui/icons-material/Close'; import { Box, Button, IconButton, ThemeProvider } from "@mui/material"; import { useState } from "react"; import { createPortal } from "react-dom"; -import QuizDialog from "../QuizDialog"; +import QuizDialog from "../shared/QuizDialog"; const PADDING = 10; diff --git a/src/widgets/button/ButtonWidget.tsx b/src/widgets/button/ButtonWidget.tsx index 35447f5..5482d18 100644 --- a/src/widgets/button/ButtonWidget.tsx +++ b/src/widgets/button/ButtonWidget.tsx @@ -1,7 +1,7 @@ import { Root, createRoot } from "react-dom/client"; import OpenQuizButton from "./OpenQuizButton"; import { createPortal } from "react-dom"; -import { pollForSelector } from "../pollForSelector"; +import { pollForSelector } from "../shared/pollForSelector"; export class ButtonWidget { diff --git a/src/widgets/button/OpenQuizButton.tsx b/src/widgets/button/OpenQuizButton.tsx index 3670fe3..08b35a8 100644 --- a/src/widgets/button/OpenQuizButton.tsx +++ b/src/widgets/button/OpenQuizButton.tsx @@ -1,7 +1,7 @@ import lightTheme from "@/utils/themes/light"; import { Button, ThemeProvider } from "@mui/material"; import { useState } from "react"; -import QuizDialog from "../QuizDialog"; +import QuizDialog from "../shared/QuizDialog"; interface Props { diff --git a/src/widgets/container/ContainerWidget.tsx b/src/widgets/container/ContainerWidget.tsx index e9b02aa..ee056b6 100644 --- a/src/widgets/container/ContainerWidget.tsx +++ b/src/widgets/container/ContainerWidget.tsx @@ -1,6 +1,6 @@ import QuizAnswerer from "@/components/QuizAnswerer"; import { Root, createRoot } from "react-dom/client"; -import { pollForSelector } from "../pollForSelector"; +import { pollForSelector } from "../shared/pollForSelector"; export class ContainerWidget { diff --git a/src/widgets/popup/PopupWidget.tsx b/src/widgets/popup/PopupWidget.tsx index b7a6c97..eb490bd 100644 --- a/src/widgets/popup/PopupWidget.tsx +++ b/src/widgets/popup/PopupWidget.tsx @@ -1,5 +1,5 @@ import { Root, createRoot } from "react-dom/client"; -import QuizDialog from "../QuizDialog"; +import QuizDialog from "../shared/QuizDialog"; export class PopupWidget { diff --git a/src/widgets/QuizDialog.tsx b/src/widgets/shared/QuizDialog.tsx similarity index 100% rename from src/widgets/QuizDialog.tsx rename to src/widgets/shared/QuizDialog.tsx diff --git a/src/widgets/shared/RunningStripe.tsx b/src/widgets/shared/RunningStripe.tsx new file mode 100644 index 0000000..b1b31df --- /dev/null +++ b/src/widgets/shared/RunningStripe.tsx @@ -0,0 +1,35 @@ +import { Box, SxProps, Theme } from "@mui/material"; + + +interface Props { + sx?: SxProps; +} + +export default function RunningStripe({ sx = [] }: Props) { + + return ( + + ); +} diff --git a/src/widgets/pollForSelector.ts b/src/widgets/shared/pollForSelector.ts similarity index 100% rename from src/widgets/pollForSelector.ts rename to src/widgets/shared/pollForSelector.ts diff --git a/src/widgets/side/QuizSideButton.tsx b/src/widgets/side/QuizSideButton.tsx index eb26df1..e110c9e 100644 --- a/src/widgets/side/QuizSideButton.tsx +++ b/src/widgets/side/QuizSideButton.tsx @@ -2,7 +2,8 @@ import lightTheme from "@/utils/themes/light"; import { Button, ThemeProvider, useMediaQuery } from "@mui/material"; import { useState } from "react"; import { createPortal } from "react-dom"; -import QuizDialog from "../QuizDialog"; +import QuizDialog from "../shared/QuizDialog"; +import RunningStripe from "../shared/RunningStripe"; const PADDING = 10; @@ -65,6 +66,7 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor width: "600px", maxWidth: `calc(100% - ${PADDING * 2}px)`, backgroundColor: buttonBackgroundColor, + overflow: "hidden", }, position === "left" && { bottom: PADDING, @@ -76,6 +78,7 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor }, ]} > + Пройти квиз ,