From 0715f255fb1b4fa2f2a21ffc747884938f64d566 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Wed, 20 Oct 2021 20:21:49 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Open=20notebooks=20in=20a=20new?=
 =?UTF-8?q?=20tab=20(fix=20#80)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/notebook/NotebookLabButton.tsx    | 6 +++---
 frontend/src/components/notebook/NotebookLegacyButton.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/notebook/NotebookLabButton.tsx b/frontend/src/components/notebook/NotebookLabButton.tsx
index 695ef98..dab5c35 100644
--- a/frontend/src/components/notebook/NotebookLabButton.tsx
+++ b/frontend/src/components/notebook/NotebookLabButton.tsx
@@ -1,9 +1,9 @@
 import {faFlask} from "@fortawesome/free-solid-svg-icons"
+import {Button} from "@steffo/bluelib-react"
 import * as React from "react"
 import {useAuthorizationContext} from "../../contexts/authorization"
 import {useNotebookContext} from "../../contexts/notebook"
 import {IconText} from "../elements/IconText"
-import {NavigateButton} from "../elements/NavigateButton"
 
 
 export function NotebookLabButton(): JSX.Element | null {
@@ -28,10 +28,10 @@ export function NotebookLabButton(): JSX.Element | null {
     }
 
     return (
-        <NavigateButton href={notebook.value.lab_url} disabled={!canOpen}>
+        <Button onClick={() => window.open(notebook.value.lab_url!)} disabled={!canOpen}>
             <IconText icon={faFlask}>
                 Open JupyterLab
             </IconText>
-        </NavigateButton>
+        </Button>
     )
 }
diff --git a/frontend/src/components/notebook/NotebookLegacyButton.tsx b/frontend/src/components/notebook/NotebookLegacyButton.tsx
index 154cd17..efe3af5 100644
--- a/frontend/src/components/notebook/NotebookLegacyButton.tsx
+++ b/frontend/src/components/notebook/NotebookLegacyButton.tsx
@@ -1,9 +1,9 @@
 import {faBook} from "@fortawesome/free-solid-svg-icons"
+import {Button} from "@steffo/bluelib-react"
 import * as React from "react"
 import {useAuthorizationContext} from "../../contexts/authorization"
 import {useNotebookContext} from "../../contexts/notebook"
 import {IconText} from "../elements/IconText"
-import {NavigateButton} from "../elements/NavigateButton"
 
 
 export function NotebookLegacyButton(): JSX.Element | null {
@@ -28,10 +28,10 @@ export function NotebookLegacyButton(): JSX.Element | null {
     }
 
     return (
-        <NavigateButton href={notebook.value.legacy_notebook_url} disabled={!canOpen}>
+        <Button onClick={() => window.open(notebook.value.legacy_notebook_url!)} disabled={!canOpen}>
             <IconText icon={faBook}>
                 Open legacy Jupyter Notebook
             </IconText>
-        </NavigateButton>
+        </Button>
     )
 }