This commit is contained in:
Reiss Cashmore 2023-10-30 18:28:23 +00:00
parent 3f5c8cc049
commit 5641e4ac3f

View File

@ -12,23 +12,28 @@ export default function Component({ service }) {
if (widget?.refreshInterval) {
setInterval(
() => setRefreshTimer(refreshTimer + 1),
widget?.refreshInterval < 1000 ? 1000 : widget?.refreshInterval,
widget?.refreshInterval < 1000 ? 1000 : widget?.refreshInterval
);
}
}, [refreshTimer, widget?.refreshInterval]);
const scrollingDisableStyle = widget?.allowScrolling === "no" ? {pointerEvents:'none', overflow: 'hidden'} : {};
const scrollingDisableStyle =
widget?.allowScrolling === "no"
? { pointerEvents: "none", overflow: "hidden" }
: {};
const sizeClasses = `h-${widget?.sizes?.xs || 80} sm:h-${widget?.sizes?.sm || 80} md:h-${
widget?.sizes?.md || 80
} lg:h-${widget?.sizes?.lg || 80} xl:h-${widget?.sizes?.xl || 80} 2xl:h-${widget?.sizes?.["2xl"] || 80}`;
const sizeClasses = `h-${widget?.sizes?.xs || 80} sm:h-${
widget?.sizes?.sm || 80
} md:h-${widget?.sizes?.md || 80} lg:h-${widget?.sizes?.lg || 80} xl:h-${
widget?.sizes?.xl || 80
} 2xl:h-${widget?.sizes?.["2xl"] || 80}`;
return (
<Container service={service}>
<div
className={classNames(
"bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center",
"service-block",
"service-block"
)}
>
<iframe
@ -42,7 +47,11 @@ export default function Component({ service }) {
loading={widget?.loadingStrategy}
scrolling={widget?.allowScrolling}
frameBorder={widget?.border}
style={{ width: "100%", "border-radius": "4px", scrollingDisableStyle }}
style={{
width: "100%",
"border-radius": "4px",
scrollingDisableStyle,
}}
className={sizeClasses}
/>
</div>