From cf732801a865c8f78a4b5e422254a254130862f4 Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Thu, 6 Feb 2025 12:05:48 -0500
Subject: [PATCH] getting started tweaks (#835)

---
 ui/src/GettingStartedModal.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/src/GettingStartedModal.tsx b/ui/src/GettingStartedModal.tsx
index 6c6076b2..d23211b4 100644
--- a/ui/src/GettingStartedModal.tsx
+++ b/ui/src/GettingStartedModal.tsx
@@ -2,6 +2,7 @@ import {modalStyle} from "./styling/theme.ts";
 import {Box, Grid2, Modal, Typography} from "@mui/material";
 import ClipboardText from "./ClipboardText.tsx";
 import useApiConsoleStore from "./model/store.ts";
+import {useEffect} from "react";
 
 interface GettingStartedModalProps {
     close: () => void;
@@ -10,6 +11,13 @@ interface GettingStartedModalProps {
 
 const GettingStartedModal = ({ close, isOpen }: GettingStartedModalProps) => {
     const user = useApiConsoleStore(store => store.user);
+    const nodes = useApiConsoleStore(store => store.nodes);
+
+    useEffect(() => {
+        if(nodes && nodes.length > 1) {
+            close();
+        }
+    }, [nodes]);
 
     return (
         <Modal open={isOpen} onClose={close}>
@@ -29,7 +37,7 @@ const GettingStartedModal = ({ close, isOpen }: GettingStartedModalProps) => {
                 </Grid2>
                 <Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center">
                     <Typography>
-                        <a href="https://github.com/openziti/zrok/releases">https://github.com/openziti/zrok/releases</a>
+                        <a href="https://github.com/openziti/zrok/releases" target="_">https://github.com/openziti/zrok/releases</a>
                     </Typography>
                 </Grid2>
                 <Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center">
@@ -80,7 +88,7 @@ const GettingStartedModal = ({ close, isOpen }: GettingStartedModalProps) => {
                 <Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center">
                     <Typography>
                         Visit the <a href="https://docs.zrok.io/docs/getting-started" target="_">Getting Started Guide</a>
-                        <span> </span>in the <a href="https://docs.zrok.io" target="_">zrok Documentation</a> for more help.
+                        <span> </span>and the <a href="https://docs.zrok.io" target="_">zrok Documentation</a> for more help.
                     </Typography>
                 </Grid2>
             </Box>