From f585c7a3f83f3605d6dfd95cb7fa261468dde3a3 Mon Sep 17 00:00:00 2001 From: stevejpurves Date: Sat, 6 May 2023 12:57:12 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=BA=20demo-ready?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/site/src/components/EnableCompute.tsx | 10 ++++++++-- packages/site/src/components/liteLogo.tsx | 10 +++++----- 2 files changed, 13 insertions(+), 7 deletions(-) diff --git a/packages/site/src/components/EnableCompute.tsx b/packages/site/src/components/EnableCompute.tsx index 94fa8bd68..4fbe6ce6e 100644 --- a/packages/site/src/components/EnableCompute.tsx +++ b/packages/site/src/components/EnableCompute.tsx @@ -1,6 +1,11 @@ import { useNotebook, useThebeCore, useThebeServer, useThebeSession } from 'thebe-react'; import PowerIcon from '@heroicons/react/24/outline/PowerIcon'; -import { useHasNotebookProvider, useComputeOptions, useNotebookLoader } from '@myst-theme/jupyter'; +import { + useHasNotebookProvider, + useComputeOptions, + useNotebookLoader, + useNotebookExecution, +} from '@myst-theme/jupyter'; import { useNavigation } from '@remix-run/react'; import { useEffect, useState } from 'react'; import { LiteLogo } from './liteLogo'; @@ -12,6 +17,7 @@ export function EnableCompute({ const { load, loading, core } = useThebeCore(); const { connect, connecting, ready: serverReady, error: serverError } = useThebeServer(); const { thebe } = useComputeOptions(); + const { executing } = useNotebookExecution(); const { start, starting, @@ -61,7 +67,7 @@ export function EnableCompute({ return (
{thebe?.useJupyterLite && ( - + )} diff --git a/packages/site/src/components/liteLogo.tsx b/packages/site/src/components/liteLogo.tsx index c020a85a8..8b572edaa 100644 --- a/packages/site/src/components/liteLogo.tsx +++ b/packages/site/src/components/liteLogo.tsx @@ -6,7 +6,7 @@ export function LiteLogo({ size }: { size?: number }) { height={size ?? 24} viewBox="0 0 17.992 17.992" > - +