iticket-seatingplan-dev 1.6.3 → 1.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -39,7 +39,15 @@ const SeatingPlan = _ref => {
|
|
|
39
39
|
connectedShowings,
|
|
40
40
|
areaName,
|
|
41
41
|
promoCode,
|
|
42
|
-
bookingMode = _utils.bookingModes.SHOPSITE
|
|
42
|
+
bookingMode = _utils.bookingModes.SHOPSITE,
|
|
43
|
+
theme = {
|
|
44
|
+
accent: "#6366f1",
|
|
45
|
+
accentDark: "#3730a3",
|
|
46
|
+
accentLight: "#e0e7ff",
|
|
47
|
+
flexiAccent: "#e32664",
|
|
48
|
+
flexiAccentDark: "#ffd3e2",
|
|
49
|
+
flexiAccentLight: "#be003f"
|
|
50
|
+
}
|
|
43
51
|
} = _ref;
|
|
44
52
|
const [initialiseMessage, setInitialiseMessage] = (0, _react.useState)("Initialising seating plan...");
|
|
45
53
|
const [isReloading, setIsReloading] = (0, _react.useState)(false);
|
|
@@ -461,19 +469,30 @@ const SeatingPlan = _ref => {
|
|
|
461
469
|
setPricingPopupOpen(false);
|
|
462
470
|
setSelectedSeats([]);
|
|
463
471
|
};
|
|
472
|
+
const themeStyles = {
|
|
473
|
+
"--accent": theme.accent,
|
|
474
|
+
"--accent-dark": theme.accentDark,
|
|
475
|
+
"--accent-light": theme.accentLight,
|
|
476
|
+
"--flexi-accent": theme.flexiAccent,
|
|
477
|
+
"--flexi-accent-light": theme.flexiAccentLight,
|
|
478
|
+
"--flexi-accent-dark": theme.flexiAccentDark
|
|
479
|
+
};
|
|
464
480
|
|
|
465
481
|
// return seating plan
|
|
466
482
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
467
483
|
className: "seating-plan-root",
|
|
468
|
-
id: "seating-plan-root"
|
|
484
|
+
id: "seating-plan-root",
|
|
485
|
+
style: themeStyles
|
|
469
486
|
}, error ? /*#__PURE__*/_react.default.createElement("div", {
|
|
470
487
|
className: "loading"
|
|
471
488
|
}, /*#__PURE__*/_react.default.createElement("h1", null, "OOPS!"), /*#__PURE__*/_react.default.createElement("div", null, error.response.data.message)) : position && area === areaId ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, backdropContainer && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
|
|
472
489
|
className: "seating-plan-backdrop ".concat(isFullScreen ? "full-screen" : ""),
|
|
473
|
-
onClick: () => setIsFullScreen(false)
|
|
490
|
+
onClick: () => setIsFullScreen(false),
|
|
491
|
+
style: themeStyles
|
|
474
492
|
}), backdropContainer), mapContainer && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
|
|
475
493
|
className: "seating-plan-container ".concat(isFullScreen ? "full-screen" : ""),
|
|
476
|
-
"data-mode": mode
|
|
494
|
+
"data-mode": mode,
|
|
495
|
+
style: themeStyles
|
|
477
496
|
}, pricingPopupOpen && canMultiSelect && /*#__PURE__*/_react.default.createElement(_PricingPopup.default, {
|
|
478
497
|
cancelPriceSelect: cancelPriceSelect,
|
|
479
498
|
groupedSelectedSeats: groupedSelectedSeats,
|
|
@@ -27,12 +27,12 @@ button {
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.seating-plan-container {
|
|
30
|
-
--accent:
|
|
31
|
-
--accent-dark:
|
|
32
|
-
--accent-light:
|
|
33
|
-
--flexi-accent:
|
|
34
|
-
--flexi-accent-light:
|
|
35
|
-
--flexi-accent-dark:
|
|
30
|
+
/* --accent: #6366f1;
|
|
31
|
+
--accent-dark: #3730a3;
|
|
32
|
+
--accent-light: #e0e7ff;
|
|
33
|
+
--flexi-accent: #e32664;
|
|
34
|
+
--flexi-accent-light: #ffd3e2;
|
|
35
|
+
--flexi-accent-dark: #be003f; */
|
|
36
36
|
font-family: inherit;
|
|
37
37
|
}
|
|
38
38
|
|
|
@@ -41,6 +41,7 @@ button {
|
|
|
41
41
|
padding: 0.5rem 0.8rem;
|
|
42
42
|
border-radius: 3px;
|
|
43
43
|
text-align: left;
|
|
44
|
+
color: #333;
|
|
44
45
|
}
|
|
45
46
|
|
|
46
47
|
.legend-header {
|