Tweak schema menu

src-web/components/GraphQLEditor.tsx

@@ -65,11 +65,7 @@ export function GraphQLEditor({ body, onChange, baseRequest, ...extraEditorProps
   const actions = useMemo<EditorProps['actions']>(
     () => [
       <div key="introspection" className="!opacity-100">
-        {isLoading ? (
+        {schema === undefined ? null /* Initializing */ : !error ? (
-          <Button size="sm" variant="border" onClick={refetch} isLoading>
-            {isLoading ? 'Introspecting' : 'Schema'}
-          </Button>
-        ) : !error ? (
           <Dropdown
             items={[
               {
@@ -112,9 +108,10 @@ export function GraphQLEditor({ body, onChange, baseRequest, ...extraEditorProps
               size="sm"
               variant="border"
               title="Refetch Schema"
-              color={schema ? 'default' : 'warning'}
+              isLoading={isLoading}
+              color={isLoading || schema ? 'default' : 'warning'}
             >
-              {schema ? 'Schema' : 'No Schema'}
+              {isLoading ? 'Introspecting' : schema ? 'Schema' : 'No Schema'}
             </Button>
           </Dropdown>
         ) : (

src-web/hooks/useIntrospectGraphQL.ts

@@ -85,8 +85,11 @@ export function useIntrospectGraphQL(
   }, [setIntrospection]);
 
   const schema = useMemo(() => {
+    if (introspection == null) {
+      return introspection;
+    }
     try {
-      return introspection ? buildClientSchema(introspection) : undefined;
+      return buildClientSchema(introspection);
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (e: any) {
       setError('message' in e ? e.message : String(e));