From 2510cbf61446a0c7a49b024e6f4f08743517b5a3 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Thu, 30 Oct 2025 20:29:34 +0530
Subject: [PATCH] Add lock on dashboard restricted charts (#15476)

closes
https://discord.com/channels/1130383047699738754/1433452994132840478
---
 .../page-layout/widgets/components/WidgetRenderer.tsx    | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetRenderer.tsx b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetRenderer.tsx
index 53feb48e82..64423a1d2a 100644
--- a/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetRenderer.tsx
+++ b/packages/twenty-front/src/modules/page-layout/widgets/components/WidgetRenderer.tsx
@@ -11,7 +11,9 @@ import { WidgetCardContent } from '@/page-layout/widgets/widget-card/components/
 import { WidgetCardHeader } from '@/page-layout/widgets/widget-card/components/WidgetCardHeader';
 import { type WidgetCardContext } from '@/page-layout/widgets/widget-card/types/WidgetCardContext';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
+import { useTheme } from '@emotion/react';
 import { type MouseEvent } from 'react';
+import { IconLock } from 'twenty-ui/display';
 import { type PageLayoutWidget } from '~/generated/graphql';
 
 type WidgetRendererProps = {
@@ -23,6 +25,7 @@ export const WidgetRenderer = ({
   widget,
   widgetCardContext = 'dashboard',
 }: WidgetRendererProps) => {
+  const theme = useTheme();
   const { deletePageLayoutWidget } = useDeletePageLayoutWidget();
   const { handleEditWidget } = useEditPageLayoutWidget();
 
@@ -78,6 +81,12 @@ export const WidgetRenderer = ({
       />
       <WidgetCardContent widgetCardContext={widgetCardContext}>
         {hasAccess && <WidgetContentRenderer widget={widget} />}
+        {!hasAccess && widgetCardContext === 'dashboard' && (
+          <IconLock
+            color={theme.font.color.tertiary}
+            stroke={theme.icon.stroke.sm}
+          />
+        )}
       </WidgetCardContent>
     </WidgetCard>
   );