fix - add new button on opportunity board company picker doesnt work

packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewOpportunity.tsx

@@ -1,10 +1,16 @@
-import styled from '@emotion/styled';
-
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
 import { useAddNewCard } from '@/object-record/record-board/record-board-column/hooks/useAddNewCard';
 import { recordBoardNewRecordByColumnIdSelector } from '@/object-record/record-board/states/selectors/recordBoardNewRecordByColumnIdSelector';
+import { viewableRecordIdState } from '@/object-record/record-right-drawer/states/viewableRecordIdState';
+import { viewableRecordNameSingularState } from '@/object-record/record-right-drawer/states/viewableRecordNameSingularState';
 import { SingleEntitySelect } from '@/object-record/relation-picker/components/SingleEntitySelect';
-import { useRecoilValue } from 'recoil';
+import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
+import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
+import styled from '@emotion/styled';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+import { v4 } from 'uuid';
+import { isDefined } from '~/utils/isDefined';
 
 const StyledCompanyPickerContainer = styled.div`
   align-items: center;
@@ -31,21 +37,55 @@ export const RecordBoardColumnNewOpportunity = ({
       scopeId: columnId,
     }),
   );
+
   const { handleCreateSuccess, handleEntitySelect } = useAddNewCard();
 
+  const { createOneRecord: createCompany } = useCreateOneRecord({
+    objectNameSingular: CoreObjectNameSingular.Company,
+  });
+  const { openRightDrawer } = useRightDrawer();
+
+  const setViewableRecordId = useSetRecoilState(viewableRecordIdState);
+  const setViewableRecordNameSingular = useSetRecoilState(
+    viewableRecordNameSingularState,
+  );
+
+  const createCompanyOpportunityAndOpenRightDrawer = async (
+    searchInput?: string,
+  ) => {
+    const newRecordId = v4();
+
+    const createdCompany = await createCompany({
+      id: newRecordId,
+      name: searchInput,
+    });
+
+    setViewableRecordId(newRecordId);
+    setViewableRecordNameSingular(CoreObjectNameSingular.Company);
+    openRightDrawer(RightDrawerPages.ViewRecord);
+
+    if (isDefined(createdCompany)) {
+      handleEntitySelect(position, createdCompany);
+    }
+  };
+
   return (
     <>
       {newRecord.isCreating && newRecord.position === position && (
         <StyledCompanyPickerContainer>
           <SingleEntitySelect
-            disableBackgroundBlur
-            onCancel={() => handleCreateSuccess(position, columnId, false)}
-            onEntitySelected={(company) =>
-              company ? handleEntitySelect(position, company) : null
-            }
+            onCancel={() => {
+              handleCreateSuccess(position, columnId, false);
+            }}
+            onEntitySelected={(company) => {
+              if (isDefined(company)) {
+                handleEntitySelect(position, company);
+              }
+            }}
             relationObjectNameSingular={CoreObjectNameSingular.Company}
             relationPickerScopeId="relation-picker"
             selectedRelationRecordIds={[]}
+            onCreate={createCompanyOpportunityAndOpenRightDrawer}
           />
         </StyledCompanyPickerContainer>
       )}

packages/twenty-front/src/modules/search/hooks/useFilteredSearchEntityQuery.ts

@@ -60,6 +60,7 @@ export const useFilteredSearchEntityQuery = ({
       filter: notFilter,
       limit: limit ?? DEFAULT_SEARCH_REQUEST_LIMIT,
       searchInput: searchFilter,
+      fetchPolicy: 'cache-and-network',
     });
 
   return {