extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-02-01 19:10:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

typography lint (#221)

Browse Source
This commit is contained in:
Michael Quigley 2024-11-19 21:25:18 -05:00
parent 6f674db6f6
commit 569dfce1ce
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
4 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
agent/agentUi/src/AgentUi.tsx
View File

@ -59,7 +59,7 @@ const AgentUi = () => {
return (
<>
<NavBar version={version} shareClick={openNewShare} accessClick={openNewAccess} />
<Overview overview={overview} />
<Overview overview={overview} shareClick={openNewShare} accessClick={openNewAccess} />
<NewShareModal isOpen={newShareOpen} close={closeNewShare} />
<NewAccessModal isOpen={newAccessOpen} close={closeNewAccess} />
</>

6
agent/agentUi/src/NewAccessModal.tsx
View File

@ -1,7 +1,7 @@
import {useState} from "react";
import {useFormik} from "formik";
import {GetAgentApi} from "./model/api.ts";
import {Box, Button, Modal, TextField} from "@mui/material";
import {Box, Button, Modal, TextField, Typography} from "@mui/material";
import {modalStyle} from "./model/theme.ts";
interface NewAccessModalProps {
@ -35,7 +35,9 @@ const NewAccessModal = ({ close, isOpen }: NewAccessModalProps) => {
return (
<Modal open={isOpen} onClose={close}>
<Box sx={{...modalStyle}}>
<h2>Access...</h2>
<Typography>
<h2>Access...</h2>
</Typography>
{errorMessage}
<form onSubmit={newAccessForm.handleSubmit}>
<TextField

6
agent/agentUi/src/NewShareModal.tsx
View File

@ -1,7 +1,7 @@
import {useFormik} from "formik";
import {GetAgentApi} from "./model/api.ts";
import {useState} from "react";
import {Box, Button, Checkbox, FormControlLabel, MenuItem, Modal, TextField} from "@mui/material";
import {Box, Button, Checkbox, FormControlLabel, MenuItem, Modal, TextField, Typography} from "@mui/material";
import {modalStyle} from "./model/theme.ts";
interface NewShareModalProps {
@ -54,7 +54,9 @@ const NewShareModal = ({ close, isOpen }: NewShareModalProps) => {
return (
<Modal open={isOpen} onClose={close}>
<Box sx={{ ...modalStyle }}>
<h2>Share...</h2>
<Typography>
<h2>Share...</h2>
</Typography>
{errorMessage}
<form onSubmit={form.handleSubmit}>
<TextField

13
agent/agentUi/src/Overview.tsx
View File

@ -1,5 +1,5 @@
import {AgentObject} from "./model/overview.ts";
import {Card, Grid2} from "@mui/material";
import {Box, Card, Grid2, Typography} from "@mui/material";
import ShareIcon from "@mui/icons-material/Share";
import LanIcon from "@mui/icons-material/Lan";
import ShareCard from "./ShareCard.tsx";
@ -7,9 +7,11 @@ import AccessCard from "./AccessCard.tsx";
interface OverviewProps {
overview: Array<AgentObject>;
shareClick: () => void;
accessClick: () => void;
}
const Overview = ({ overview }: OverviewProps) => {
const Overview = ({ overview, shareClick, accessClick }: OverviewProps) => {
let cards = [];
if(overview.length > 0) {
overview.forEach(row => {
@ -26,7 +28,12 @@ const Overview = ({ overview }: OverviewProps) => {
} else {
cards.push(<Grid2 size={{ xs: 12 }}>
<Card key="empty">
<h5>zrok Agent is empty! Add a <a href={"#"}>share <ShareIcon /></a> or <a href={"#"}>access <LanIcon /></a> share to get started.</h5>
<Box sx={{ p: 2, textAlign: "center" }}>
<Typography variant="h6" component="div">
zrok Agent is empty! Add a <a href={"#"} onClick={shareClick}>share <ShareIcon/></a> or <a
href={"#"} onClick={accessClick}>access <LanIcon/></a> share to get started.
</Typography>
</Box>
</Card>
</Grid2>);
}