extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-02-02 03:20:26 +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 ( return (
<> <>
<NavBar version={version} shareClick={openNewShare} accessClick={openNewAccess} /> <NavBar version={version} shareClick={openNewShare} accessClick={openNewAccess} />
<Overview overview={overview} /> <Overview overview={overview} shareClick={openNewShare} accessClick={openNewAccess} />
<NewShareModal isOpen={newShareOpen} close={closeNewShare} /> <NewShareModal isOpen={newShareOpen} close={closeNewShare} />
<NewAccessModal isOpen={newAccessOpen} close={closeNewAccess} /> <NewAccessModal isOpen={newAccessOpen} close={closeNewAccess} />
</> </>

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

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

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

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

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

@ -1,5 +1,5 @@
import {AgentObject} from "./model/overview.ts"; 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 ShareIcon from "@mui/icons-material/Share";
import LanIcon from "@mui/icons-material/Lan"; import LanIcon from "@mui/icons-material/Lan";
import ShareCard from "./ShareCard.tsx"; import ShareCard from "./ShareCard.tsx";
@ -7,9 +7,11 @@ import AccessCard from "./AccessCard.tsx";
interface OverviewProps { interface OverviewProps {
overview: Array<AgentObject>; overview: Array<AgentObject>;
shareClick: () => void;
accessClick: () => void;
} }
const Overview = ({ overview }: OverviewProps) => { const Overview = ({ overview, shareClick, accessClick }: OverviewProps) => {
let cards = []; let cards = [];
if(overview.length > 0) { if(overview.length > 0) {
overview.forEach(row => { overview.forEach(row => {
@ -26,7 +28,12 @@ const Overview = ({ overview }: OverviewProps) => {
} else { } else {
cards.push(<Grid2 size={{ xs: 12 }}> cards.push(<Grid2 size={{ xs: 12 }}>
<Card key="empty"> <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> </Card>
</Grid2>); </Grid2>);
} }