admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix(front): notes relation picker (#2034)

Browse Source 
* Fix notes relation picker

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* fix import

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-twenty
2023-10-17 23:13:25 +03:00
committed by GitHub
parent 6e90554ae7
commit 2c1ad1661a
1 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
front/src/modules/activities/notes/components/NoteCard.tsx
View File

@ -1,7 +1,12 @@
import { useMemo } from 'react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { ActivityRelationEditableField } from '@/activities/editable-fields/components/ActivityRelationEditableField'; import { ActivityRelationEditableField } from '@/activities/editable-fields/components/ActivityRelationEditableField';
import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer'; import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer';
import {
FieldContext,
GenericFieldContextType,
} from '@/ui/data/field/contexts/FieldContext';
import { Activity, ActivityTarget } from '~/generated/graphql'; import { Activity, ActivityTarget } from '~/generated/graphql';
const StyledCard = styled.div` const StyledCard = styled.div`
@ -71,17 +76,24 @@ export const NoteCard = ({
?.content.map((x: any) => x.text) ?.content.map((x: any) => x.text)
.join('\n'); .join('\n');
const fieldContext = useMemo(
() => ({ recoilScopeId: note?.id ?? '' }),
[note?.id],
);
return ( return (
<StyledCard> <FieldContext.Provider value={fieldContext as GenericFieldContextType}>
<StyledCardDetailsContainer <StyledCard>
onClick={() => openActivityRightDrawer(note.id)} <StyledCardDetailsContainer
> onClick={() => openActivityRightDrawer(note.id)}
<StyledNoteTitle>{note.title ?? 'Task Title'}</StyledNoteTitle> >
<StyledCardContent>{body}</StyledCardContent> <StyledNoteTitle>{note.title ?? 'Task Title'}</StyledNoteTitle>
</StyledCardDetailsContainer> <StyledCardContent>{body}</StyledCardContent>
<StyledFooter> </StyledCardDetailsContainer>
<ActivityRelationEditableField activity={note} /> <StyledFooter>
</StyledFooter> <ActivityRelationEditableField activity={note} />
</StyledCard> </StyledFooter>
</StyledCard>
</FieldContext.Provider>
); );
}; };