Fix related items fetch when in graph

Author: craquet

src/components/graph/RelationsGraphModal.tsx

@@ -41,7 +41,8 @@ export function RelationsGraphModal({
                     value={{
                         searchFor: localSearchFor,
                         searchTerm: searchContext.searchTerm,
-                        searchForBackground: searchContext.searchForBackground
+                        searchForBackground: searchContext.searchForBackground,
+                        elasticConnector: searchContext.elasticConnector
                     }}
                 >
                     <RelationsGraph referencedBy={referencedBy} references={references} base={base} resultView={resultView} />

src/components/graph/ResultViewWrapper.tsx

@@ -1,17 +1,34 @@
 import { Handle, NodeProps, Position } from "@xyflow/react"
-import { ComponentType, useMemo } from "react"
+import { ComponentType, useCallback, useContext, useMemo } from "react"
 import { ResultViewProps } from "@elastic/react-search-ui-views"
+import { FairDOSearchContext } from "@/components/FairDOSearchContext"
+import { Button } from "@/components/ui/button"
+import { SearchIcon } from "lucide-react"
 
 export function ResultViewWrapper({ resultView: ResultView, data, id }: NodeProps & { resultView: ComponentType<ResultViewProps> }) {
     const dataEmpty = useMemo(() => {
         return Object.keys(data).length === 0
     }, [data])
 
+    const { searchFor } = useContext(FairDOSearchContext)
+
+    const searchForThis = useCallback(() => {
+        searchFor(id)
+    }, [id, searchFor])
+
     return (
         <div className="rfs-w-[800px] -rfs-m-2">
             <Handle type="target" position={Position.Left} />
             {dataEmpty ? (
-                <div className="rfs-m-2 rfs-p-4 rfs-rounded-lg rfs-bg-background rfs-border">{id}</div>
+                <div className="rfs-m-2 rfs-p-4 rfs-rounded-lg rfs-bg-background rfs-border rfs-flex rfs-justify-between rfs-items-center">
+                    <div>
+                        <div>{id}</div>
+                        <div className="rfs-text-muted-foreground">Not found in cache, try searching for it</div>
+                    </div>
+                    <Button onClick={searchForThis}>
+                        <SearchIcon className={"rfs-size-4 rfs-mr-1"} /> Search
+                    </Button>
+                </div>
             ) : (
                 <ResultView result={data} onClickLink={() => {}} />
             )}

src/stories/FairDOElasticSearch.stories.tsx

@@ -182,7 +182,7 @@ export const GenericResultRenderer: Story = {
                 parentItemPidField="hasMetadata"
                 relatedItemPidsField="isMetadataFor"
                 pidField="pid"
-                relatedItemsPrefetch={{ searchFields: { pid: {}, isMetadataFor: {}, hasMetadata: {} } }}
+                relatedItemsPrefetch={{ searchFields: { pid: {} } }}
                 showOpenInFairDoScope
             />
         )