@@ -7,7 +7,7 @@ import { useI18n } from "@homarr/translation/client";
|
|||||||
import type { WidgetComponentProps } from "../definition";
|
import type { WidgetComponentProps } from "../definition";
|
||||||
import classes from "./component.module.css";
|
import classes from "./component.module.css";
|
||||||
|
|
||||||
export default function IFrameWidget({ options }: WidgetComponentProps<"iframe">) {
|
export default function IFrameWidget({ options, isEditMode }: WidgetComponentProps<"iframe">) {
|
||||||
const t = useI18n();
|
const t = useI18n();
|
||||||
const { embedUrl, ...permissions } = options;
|
const { embedUrl, ...permissions } = options;
|
||||||
const allowedPermissions = getAllowedPermissions(permissions);
|
const allowedPermissions = getAllowedPermissions(permissions);
|
||||||
@@ -16,7 +16,13 @@ export default function IFrameWidget({ options }: WidgetComponentProps<"iframe">
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Box h="100%" w="100%">
|
<Box h="100%" w="100%">
|
||||||
<iframe className={classes.iframe} src={embedUrl} title="widget iframe" allow={allowedPermissions.join(" ")}>
|
<iframe
|
||||||
|
style={isEditMode ? { userSelect: "none", pointerEvents: "none" } : undefined}
|
||||||
|
className={classes.iframe}
|
||||||
|
src={embedUrl}
|
||||||
|
title="widget iframe"
|
||||||
|
allow={allowedPermissions.join(" ")}
|
||||||
|
>
|
||||||
<Text>{t("widget.iframe.error.noBrowerSupport")}</Text>
|
<Text>{t("widget.iframe.error.noBrowerSupport")}</Text>
|
||||||
</iframe>
|
</iframe>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
Reference in New Issue
Block a user