nitin
2025-11-13 17:05:08 +05:30
committed by GitHub
parent eee35e5e25
commit fddac24e7f
71 changed files with 2375 additions and 790 deletions
@@ -58,7 +58,7 @@ export const WidgetPlaceholder = () => {
onClick={handleClick}
>
<WidgetCardHeader
isWidgetCardHovered={false}
widgetId="widget-placeholder"
isInEditMode={isPageLayoutInEditMode}
isResizing={false}
title={t`Add Widget`}
@@ -14,8 +14,10 @@ import { WidgetCard } from '@/page-layout/widgets/widget-card/components/WidgetC
import { WidgetCardContent } from '@/page-layout/widgets/widget-card/components/WidgetCardContent';
import { WidgetCardHeader } from '@/page-layout/widgets/widget-card/components/WidgetCardHeader';
import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
import { useSetRecoilComponentFamilyState } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentFamilyState';
import { widgetCardHoveredComponentFamilyState } from '@/page-layout/widgets/states/widgetCardHoveredComponentFamilyState';
import { useTheme } from '@emotion/react';
import { useState, type MouseEvent } from 'react';
import { type MouseEvent } from 'react';
import { IconLock } from 'twenty-ui/display';
import { PageLayoutType, type PageLayoutWidget } from '~/generated/graphql';
@@ -71,7 +73,10 @@ export const WidgetRenderer = ({ widget }: WidgetRendererProps) => {
deletePageLayoutWidget(widget.id);
};
const [isHovered, setIsHovered] = useState(false);
const setIsHovered = useSetRecoilComponentFamilyState(
widgetCardHoveredComponentFamilyState,
widget.id,
);
const handleMouseEnter = () => {
setIsHovered(true);
@@ -95,7 +100,7 @@ export const WidgetRenderer = ({ widget }: WidgetRendererProps) => {
>
{showHeader && (
<WidgetCardHeader
isWidgetCardHovered={isHovered}
widgetId={widget.id}
isInEditMode={isPageLayoutInEditMode}
isResizing={isResizing}
title={widget.title}