OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Linting

Browse Source
This commit is contained in:
Reiss Cashmore 2023-10-30 18:28:23 +00:00
parent 3f5c8cc049
commit 5641e4ac3f
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/widgets/iframe/component.jsx
View File

@ -12,23 +12,28 @@ export default function Component({ service }) {
if (widget?.refreshInterval) { if (widget?.refreshInterval) {
setInterval( setInterval(
() => setRefreshTimer(refreshTimer + 1), () => setRefreshTimer(refreshTimer + 1),
widget?.refreshInterval < 1000 ? 1000 : widget?.refreshInterval, widget?.refreshInterval < 1000 ? 1000 : widget?.refreshInterval
); );
} }
}, [refreshTimer, 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-${ const sizeClasses = `h-${widget?.sizes?.xs || 80} sm:h-${
widget?.sizes?.md || 80 widget?.sizes?.sm || 80
} lg:h-${widget?.sizes?.lg || 80} xl:h-${widget?.sizes?.xl || 80} 2xl:h-${widget?.sizes?.["2xl"] || 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 ( return (
<Container service={service}> <Container service={service}>
<div <div
className={classNames( 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", "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 <iframe
@ -42,7 +47,11 @@ export default function Component({ service }) {
loading={widget?.loadingStrategy} loading={widget?.loadingStrategy}
scrolling={widget?.allowScrolling} scrolling={widget?.allowScrolling}
frameBorder={widget?.border} frameBorder={widget?.border}
style={{ width: "100%", "border-radius": "4px", scrollingDisableStyle }} style={{
width: "100%",
"border-radius": "4px",
scrollingDisableStyle,
}}
className={sizeClasses} className={sizeClasses}
/> />
</div> </div>