extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-25 04:02:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

getting started tweaks (#835)

Browse Source
This commit is contained in:
Michael Quigley 2025-02-06 12:05:48 -05:00
parent ab9a4fe08b
commit cf732801a8
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/GettingStartedModal.tsx
View File

@ -2,6 +2,7 @@ import {modalStyle} from "./styling/theme.ts";
import {Box, Grid2, Modal, Typography} from "@mui/material"; import {Box, Grid2, Modal, Typography} from "@mui/material";
import ClipboardText from "./ClipboardText.tsx"; import ClipboardText from "./ClipboardText.tsx";
import useApiConsoleStore from "./model/store.ts"; import useApiConsoleStore from "./model/store.ts";
import {useEffect} from "react";
interface GettingStartedModalProps { interface GettingStartedModalProps {
close: () => void; close: () => void;
@ -10,6 +11,13 @@ interface GettingStartedModalProps {
const GettingStartedModal = ({ close, isOpen }: GettingStartedModalProps) => { const GettingStartedModal = ({ close, isOpen }: GettingStartedModalProps) => {
const user = useApiConsoleStore(store => store.user); const user = useApiConsoleStore(store => store.user);
const nodes = useApiConsoleStore(store => store.nodes);
useEffect(() => {
if(nodes && nodes.length > 1) {
close();
}
}, [nodes]);
return ( return (
<Modal open={isOpen} onClose={close}> <Modal open={isOpen} onClose={close}>
@ -29,7 +37,7 @@ const GettingStartedModal = ({ close, isOpen }: GettingStartedModalProps) => {
</Grid2> </Grid2>
<Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center"> <Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center">
<Typography> <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> </Typography>
</Grid2> </Grid2>
<Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center"> <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"> <Grid2 container sx={{ flexGrow: 1, p: 1 }} alignItems="center">
<Typography> <Typography>
Visit the <a href="https://docs.zrok.io/docs/getting-started" target="_">Getting Started Guide</a> 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> </Typography>
</Grid2> </Grid2>
</Box> </Box>