Favorites{" "}
-
downloadSelectedFavorites()}
>
-
-
+ setShowConfirm(true)}
>
-
+
{favorites?.length ? (
diff --git a/src/modules/SchemaView/IntrospectionPrompt.tsx b/src/modules/SchemaView/IntrospectionPrompt.tsx
index 92efac15..2b266da1 100644
--- a/src/modules/SchemaView/IntrospectionPrompt.tsx
+++ b/src/modules/SchemaView/IntrospectionPrompt.tsx
@@ -18,7 +18,7 @@
*/
import { tokens } from "@neo4j-ndl/base";
-import { Button, Dialog } from "@neo4j-ndl/react";
+import { Dialog, FilledButton, OutlinedButton } from "@neo4j-ndl/react";
interface Props {
open: boolean;
@@ -43,42 +43,39 @@ export const IntrospectionPrompt = ({ open, onClose, onDisconnect, onIntrospect
definitions automatically?
-
+
-
-
+
diff --git a/src/modules/SchemaView/SchemaEditor.tsx b/src/modules/SchemaView/SchemaEditor.tsx
index 023d6de3..632821eb 100644
--- a/src/modules/SchemaView/SchemaEditor.tsx
+++ b/src/modules/SchemaView/SchemaEditor.tsx
@@ -34,7 +34,7 @@ import { highlightSelectionMatches, searchKeymap } from "@codemirror/search";
import { EditorState, Prec, StateEffect } from "@codemirror/state";
import { drawSelection, dropCursor, EditorView, highlightSpecialChars, keymap, lineNumbers } from "@codemirror/view";
import { dracula, tomorrow } from "@mjfwebb/thememirror";
-import { Button, IconButton, Tooltip } from "@neo4j-ndl/react";
+import { FilledButton, IconButton, OutlinedButton, Tooltip } from "@neo4j-ndl/react";
import { StarIconOutline } from "@neo4j-ndl/react/icons";
import classNames from "classnames";
import { graphql } from "cm6-graphql";
@@ -186,14 +186,13 @@ export const SchemaEditor = ({
extension={Extension.GRAPHQL}
name="type-definitions"
rightButtons={
-
+
}
leftButtons={
<>
-
+
This will overwrite your current type definitions!
-
+
@@ -260,7 +257,7 @@ export const SchemaEditor = ({
htmlAttributes={{
"data-test-schema-editor-favourite-button": "true",
}}
- ariaLabel="Save as favorite"
+ description="Save as favorite"
className={classNames(
theme.theme === Theme.LIGHT ? "ndl-theme-light" : "ndl-theme-dark"
)}
diff --git a/src/modules/SchemaView/SchemaErrorDisplay.tsx b/src/modules/SchemaView/SchemaErrorDisplay.tsx
index fe899700..feca6b94 100644
--- a/src/modules/SchemaView/SchemaErrorDisplay.tsx
+++ b/src/modules/SchemaView/SchemaErrorDisplay.tsx
@@ -32,24 +32,26 @@ export const SchemaErrorDisplay = () => {
return (
useSessionStore.getState().setSchemaViewError(null)}
- type="danger"
- title="Errors"
+ variant="danger"
>
-
- {errors.map((error, index) => (
- -
- {error.locations ? (
-
-
{JSON.stringify(error.locations)}:{" "}
-
- ) : null}
- {error.message}
-
- ))}
-
+ Errors
+
+
+ {errors.map((error, index) => (
+ -
+ {error.locations ? (
+
+
{JSON.stringify(error.locations)}:{" "}
+
+ ) : null}
+ {error.message}
+
+ ))}
+
+
);
};
diff --git a/src/modules/SchemaView/SchemaSettings.tsx b/src/modules/SchemaView/SchemaSettings.tsx
index 9cd61212..9a5287c4 100644
--- a/src/modules/SchemaView/SchemaSettings.tsx
+++ b/src/modules/SchemaView/SchemaSettings.tsx
@@ -71,7 +71,7 @@ export const SchemaSettings = () => {
return (
-
Schema options
+
Schema options
{
- Constraints{" "}
+ Constraints
@@ -138,7 +138,7 @@ export const SchemaSettings = () => {
}
/>
-
+
{
Product analytics}
- description={
- <>
-
- To help make the Neo4j GraphQL Toolbox better we collect data on product
- usage.
-
- Review your settings at any time.
-
- }
onClose={() => appSettings.setHideProductUsageMessage(true)}
- />
+ >
+ {Product analytics}
+
+ {
+ <>
+
+ To help make the Neo4j GraphQL Toolbox better we collect data on
+ product usage.
+
+ Review your settings at any time.
+
+ }
+
+
) : null}
diff --git a/src/modules/TopBar/ConnectionMenu.tsx b/src/modules/TopBar/ConnectionMenu.tsx
index ba7f77ed..8bd962e1 100644
--- a/src/modules/TopBar/ConnectionMenu.tsx
+++ b/src/modules/TopBar/ConnectionMenu.tsx
@@ -46,7 +46,7 @@ export const ConnectionMenu = ({
{auth.databases?.length ? (
<>
-
+ Databases
{auth.databases.map((db) => {
return (
50 ? `${db.name.substring(0, 48)}...` : db.name}
isDisabled={screen.view !== Screen.TYPEDEFS}
- icon={db.name === auth.selectedDatabaseName ? : }
+ leadingVisual={
+ db.name === auth.selectedDatabaseName ? :
+ }
onClick={() => onNextSelectedDatabaseName(db.name)}
/>
);
diff --git a/src/modules/TopBar/SwitchDatabasePrompt.tsx b/src/modules/TopBar/SwitchDatabasePrompt.tsx
index 70e55de2..27b2aea8 100644
--- a/src/modules/TopBar/SwitchDatabasePrompt.tsx
+++ b/src/modules/TopBar/SwitchDatabasePrompt.tsx
@@ -17,7 +17,7 @@
* limitations under the License.
*/
-import { Button, Dialog } from "@neo4j-ndl/react";
+import { Dialog, OutlinedButton } from "@neo4j-ndl/react";
interface Props {
selectedDatabaseName: string | undefined;
@@ -32,7 +32,7 @@ export const SwitchDatabasePrompt = ({ selectedDatabaseName, onClose, onSwitchDa
htmlAttributes={{
"data-test-switch-database-prompt": "true",
}}
- type="warning"
+ variant="warning"
isOpen={!!selectedDatabaseName}
onClose={() => onClose()}
>
@@ -43,28 +43,26 @@ export const SwitchDatabasePrompt = ({ selectedDatabaseName, onClose, onSwitchDa
To save the current editor content, cancel this prompt and save the editor content as a favorite.
-
-
+
);
diff --git a/src/modules/TopBar/TopBar.tsx b/src/modules/TopBar/TopBar.tsx
index b0e768b0..133e0981 100644
--- a/src/modules/TopBar/TopBar.tsx
+++ b/src/modules/TopBar/TopBar.tsx
@@ -19,7 +19,7 @@
import { useContext, useEffect, useRef, useState } from "react";
-import { Button, IconButton, StatusIndicator, Tooltip, useNeedleTheme } from "@neo4j-ndl/react";
+import { CleanIconButton, OutlinedButton, StatusIndicator, Tooltip, useNeedleTheme } from "@neo4j-ndl/react";
import {
ChatBubbleOvalLeftEllipsisIconOutline,
ChevronDownIconOutline,
@@ -113,7 +113,7 @@ export const TopBar = () => {
ref={menuButtonRef}
>
-
+
{constructDbmsUrlWithUsername()}
@@ -159,58 +159,54 @@ export const TopBar = () => {
-
-
+
-
+
{/* This element is not clickable as we do not want to show the changelog here */}
-
-
-
+
-
+