diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx index 9e5454bdf5..d211f537a0 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyDay.tsx @@ -11,8 +11,9 @@ const StyledContainer = styled.div<{ isOtherMonth: boolean }>` width: calc(100% / 7); flex-direction: column; min-height: 122px; - padding: ${({ theme }) => theme.spacing(0.5)}; + padding: ${({ theme }) => theme.spacing(1)}; background: ${({ theme }) => theme.background.primary}; + min-width: 0; &:not(:last-child) { border-right: 0.5px solid ${({ theme }) => theme.border.color.light}; diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx index c4f0bf41ea..bbb91d8074 100644 --- a/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx +++ b/packages/twenty-front/src/modules/object-record/record-calendar/record-calendar-card/components/RecordCalendarCard.tsx @@ -4,6 +4,7 @@ import { RecordCalendarCardBody } from '@/object-record/record-calendar/record-c import { RecordCalendarCardHeader } from '@/object-record/record-calendar/record-calendar-card/components/RecordCalendarCardHeader'; import { RecordCalendarCardComponentInstanceContext } from '@/object-record/record-calendar/record-calendar-card/states/contexts/RecordCalendarCardComponentInstanceContext'; import { RecordCard } from '@/object-record/record-card/components/RecordCard'; +import { useOpenRecordFromIndexView } from '@/object-record/record-index/hooks/useOpenRecordFromIndexView'; import styled from '@emotion/styled'; const StyledContainer = styled.div` @@ -12,6 +13,7 @@ const StyledContainer = styled.div` const StyledRecordCard = styled(RecordCard)` margin-bottom: ${({ theme }) => theme.spacing(1)}; + width: calc(100% - 2px); `; type RecordCalendarCardProps = { @@ -19,6 +21,12 @@ type RecordCalendarCardProps = { }; export const RecordCalendarCard = ({ recordId }: RecordCalendarCardProps) => { + const { openRecordFromIndexView } = useOpenRecordFromIndexView(); + + const handleCardClick = () => { + openRecordFromIndexView({ recordId }); + }; + return ( { }} > - + { - const { objectPermissions } = useRecordCalendarContextOrThrow(); + const { objectPermissions, objectMetadataItem } = + useRecordCalendarContextOrThrow(); + + const { updateOneRecord } = useUpdateOneRecord({ + objectNameSingular: objectMetadataItem.nameSingular, + }); + + const useUpdateOneRecordHook: RecordUpdateHook = () => { + const updateEntity = ({ variables }: RecordUpdateHookParams) => { + updateOneRecord?.({ + idToUpdate: variables.where.id as string, + updateOneRecordInput: variables.updateOneRecordInput, + }); + }; + + return [updateEntity, { loading: false }]; + }; const { labelIdentifierFieldMetadataItem, @@ -70,7 +91,7 @@ export const RecordCalendarCardBody = ({ }, }), fieldDefinition: correspondingFieldDefinition, - useUpdateRecord: () => [() => undefined, { loading: false }], + useUpdateRecord: useUpdateOneRecordHook, isDisplayModeFixHeight: true, triggerEvent: 'CLICK', anchorId: `${RECORD_CALENDAR_CARD_INPUT_ID_PREFIX}-${recordId}-${correspondingFieldDefinition.metadata.fieldName}`,