From 2c1ad1661ab555e37fa1d07166d1fadd8a84cddc Mon Sep 17 00:00:00 2001
From: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Date: Tue, 17 Oct 2023 23:13:25 +0300
Subject: [PATCH] Fix(front): notes relation picker (#2034)

* 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>
---
 .../activities/notes/components/NoteCard.tsx  | 34 +++++++++++++------
 1 file changed, 23 insertions(+), 11 deletions(-)

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