Only enable getTemplatedPromptMessage when modal open

2023-08-17 02:32:02 -07:00
parent 756b3185de
commit 0cef3ab5bd
1 changed files with 8 additions and 3 deletions
--- a/app/src/components/OutputsTable/OutputCell/PromptModal.tsx
+++ b/app/src/components/OutputsTable/OutputCell/PromptModal.tsx
@@ -40,9 +40,14 @@ export default function PromptModal(props: {
  cell: NonNullable<RouterOutputs["scenarioVariantCells"]["get"]>;
  disclosure: UseDisclosureReturn;
 }) {
-  const { data } = api.scenarioVariantCells.getTemplatedPromptMessage.useQuery({
+  const { data } = api.scenarioVariantCells.getTemplatedPromptMessage.useQuery(
+    {
      cellId: props.cell.id,
-  });
+    },
+    {
+      enabled: props.disclosure.isOpen,
+    },
+  );

  return (
    <Modal isOpen={props.disclosure.isOpen} onClose={props.disclosure.onClose} size="xl">