From 7b1fafe37286a86418796c72f08afc65efbbf86d Mon Sep 17 00:00:00 2001
From: nflnkr <molohov.eugeny@yandex.ru>
Date: Mon, 27 May 2024 12:51:27 +0300
Subject: [PATCH] banner widget accepts dimensions prop

---
 lib/model/widget/banner.ts            | 1 +
 package.json                          | 2 +-
 src/widgets/banner/QuizBanner.tsx     | 5 +++++
 src/widgets/button/OpenQuizButton.tsx | 7 ++-----
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/lib/model/widget/banner.ts b/lib/model/widget/banner.ts
index 70267ca..1deda81 100644
--- a/lib/model/widget/banner.ts
+++ b/lib/model/widget/banner.ts
@@ -2,6 +2,7 @@ export interface BannerWidgetComponentProps {
     quizId: string;
     position: "topleft" | "topright" | "bottomleft" | "bottomright";
     onWidgetClose?: () => void;
+    dialogDimensions?: { width: string; height: string; };
     appealText?: string;
     quizHeaderText?: string;
     buttonTextColor?: string;
diff --git a/package.json b/package.json
index d48182a..760cdc0 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@frontend/squzanswerer",
-    "version": "1.0.42",
+    "version": "1.0.43",
     "type": "module",
     "main": "./dist-package/index.js",
     "module": "./dist-package/index.js",
diff --git a/src/widgets/banner/QuizBanner.tsx b/src/widgets/banner/QuizBanner.tsx
index d8f94b3..e31325b 100644
--- a/src/widgets/banner/QuizBanner.tsx
+++ b/src/widgets/banner/QuizBanner.tsx
@@ -29,6 +29,7 @@ export default function QuizBanner({
     bannerFullWidth = false,
     pulsation = false,
     autoShowWidgetTime = 0,
+    dialogDimensions,
 }: BannerWidgetComponentProps) {
     const isMobile = useMediaQuery("(max-width: 600px)");
     const [isQuizShown, setIsQuizShown] = useState<boolean>(false);
@@ -188,6 +189,10 @@ export default function QuizBanner({
                 quizId={quizId}
                 onClose={() => setIsQuizShown(false)}
                 disableScrollLock
+                paperSx={{
+                    width: dialogDimensions?.width,
+                    height: dialogDimensions?.height,
+                }}
             />
         </ThemeProvider>,
         document.body
diff --git a/src/widgets/button/OpenQuizButton.tsx b/src/widgets/button/OpenQuizButton.tsx
index a24105a..1710381 100644
--- a/src/widgets/button/OpenQuizButton.tsx
+++ b/src/widgets/button/OpenQuizButton.tsx
@@ -7,9 +7,6 @@ import RunningStripe from "../shared/RunningStripe";
 import { useQuizCompletionStatus } from "../shared/useQuizCompletionStatus";
 
 
-const WIDGET_DEFAULT_WIDTH = "600px";
-const WIDGET_DEFAULT_HEIGHT = "80%";
-
 export default function OpenQuizButton({
     quizId,
     fixedSide,
@@ -110,8 +107,8 @@ export default function OpenQuizButton({
                 quizId={quizId}
                 onClose={() => setIsQuizShown(false)}
                 paperSx={{
-                    width: dialogDimensions?.width ?? WIDGET_DEFAULT_WIDTH,
-                    height: dialogDimensions?.height ?? WIDGET_DEFAULT_HEIGHT,
+                    width: dialogDimensions?.width,
+                    height: dialogDimensions?.height,
                 }}
             />
         </ThemeProvider>