diff --git a/beaker-vue/src/pages/IntegrationsInterface.vue b/beaker-vue/src/pages/IntegrationsInterface.vue index f4b0dbbc..f37bfea0 100644 --- a/beaker-vue/src/pages/IntegrationsInterface.vue +++ b/beaker-vue/src/pages/IntegrationsInterface.vue @@ -233,6 +233,11 @@ const fetchIntegrations = async () => { integrations.value.finishedInitialLoad = true; } +watch( + [() => beakerSession?.value?.activeContext, () => beakerSession?.value?.session.kernelInfo], + async () => await fetchIntegrations() +); + const modifySelectedIntegration = async (body: object, integrationId?: string) => { if (integrationId) { integrations.value.integrations[integrationId] = await updateIntegration( diff --git a/beaker-vue/src/pages/NextNotebookInterface.vue b/beaker-vue/src/pages/NextNotebookInterface.vue index b8f074a2..658d6004 100644 --- a/beaker-vue/src/pages/NextNotebookInterface.vue +++ b/beaker-vue/src/pages/NextNotebookInterface.vue @@ -360,9 +360,10 @@ type FilePreview = { } const previewedFile = ref(); -watch(beakerSession, async () => { - integrations.value = await listIntegrations(sessionIdFromUrl); -}); +watch( + [() => beakerSession?.value?.activeContext, () => beakerSession?.value?.session.kernelInfo], + async () => {integrations.value = await listIntegrations(sessionIdFromUrl)} +);