diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx
index 665885d94d..e12582d0f5 100644
--- a/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx
+++ b/packages/twenty-front/src/modules/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay.tsx
@@ -1,23 +1,26 @@
+import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget';
import { t } from '@lingui/core/macro';
import { AppTooltip, Status } from 'twenty-ui/display';
+import { WidgetType } from '~/generated/graphql';
-type PageLayoutWidgetNoDataDisplayProps = {
- widgetId: string;
-};
+export const PageLayoutWidgetNoDataDisplay = () => {
+ const widget = useCurrentWidget();
+ const tooltipId = `widget-incomplete-tooltip-${widget.id}`;
-export const PageLayoutWidgetNoDataDisplay = ({
- widgetId,
-}: PageLayoutWidgetNoDataDisplayProps) => {
- const tooltipId = `widget-incomplete-tooltip-${widgetId}`;
+ const text = widget.type === WidgetType.IFRAME ? t`Invalid URL` : t`No Data`;
+ const tooltipContent =
+ widget.type === WidgetType.IFRAME
+ ? t`Invalid URL. Click edit to configure this widget.`
+ : t`No data available. Click edit to configure this widget.`;
return (
<>
-
+
>
diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidget.tsx
index 212a578b25..3c82de2357 100644
--- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidget.tsx
+++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidget.tsx
@@ -40,7 +40,7 @@ export const GraphWidget = ({
);
if (!hasValidConfiguration) {
- return ;
+ return ;
}
switch (graphType) {
diff --git a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetRenderer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetRenderer.tsx
index ad8960d753..09193fb572 100644
--- a/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetRenderer.tsx
+++ b/packages/twenty-front/src/modules/page-layout/widgets/graph/components/GraphWidgetRenderer.tsx
@@ -10,7 +10,7 @@ type GraphWidgetRendererProps = {
export const GraphWidgetRenderer = ({ widget }: GraphWidgetRendererProps) => {
if (!widget.configuration || !('graphType' in widget.configuration)) {
- return ;
+ return ;
}
const graphType = widget.configuration.graphType;
@@ -19,7 +19,7 @@ export const GraphWidgetRenderer = ({ widget }: GraphWidgetRendererProps) => {
!Object.values(GraphType).includes(graphType) ||
!isDefined(widget.objectMetadataId)
) {
- return ;
+ return ;
}
return (
diff --git a/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx b/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx
index 02f55ed278..75e956e3a9 100644
--- a/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx
+++ b/packages/twenty-front/src/modules/page-layout/widgets/iframe/components/IframeWidget.tsx
@@ -84,7 +84,7 @@ export const IframeWidget = ({ widget }: IframeWidgetProps) => {
return (
-
+
);