fix: re-load doc card when reference changes

blinkk · Feb 23, 2024 · 4baddc5 · 4baddc5
1 parent 0a97e02
commit 4baddc5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/rare-rice-love.md b/.changeset/rare-rice-love.md
@@ -0,0 +1,5 @@
+---
+'@blinkk/root-cms': patch
+---
+
+re-load doc card when reference changes
diff --git a/packages/root-cms/ui/components/DocEditor/fields/ReferenceField.tsx b/packages/root-cms/ui/components/DocEditor/fields/ReferenceField.tsx
@@ -90,6 +90,7 @@ ReferenceField.Preview = (props: ReferencePreviewProps) => {
   const [previewDoc, setPreviewDoc] = useState<any>(null);
 
   async function fetchDocData() {
+    setLoading(true);
     const docRef = getDraftDocRef(props.id);
     const doc = await getDoc(docRef);
     const docData = doc.data();
@@ -106,7 +107,7 @@ ReferenceField.Preview = (props: ReferencePreviewProps) => {
       return;
     }
     fetchDocData();
-  }, []);
+  }, [props.id]);
 
   return (
     <div className="ReferenceField__Preview">