extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-03-13 15:08:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

mode releaseAccess logic into ReleaseAccessModal (#822)

Browse Source
This commit is contained in:
Michael Quigley 2025-01-24 11:23:22 -05:00
parent a6bd6828fe
commit 7df7141ac8
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
4 changed files with 32 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui100/src/AccessPanel.tsx
View File

@ -25,24 +25,6 @@ const AccessPanel = ({ access }: AccessPanelProps) => {
setReleaseAccessOpen(false);
}
const releaseAccess = () => {
if(detail && detail.token) {
let cfg = new Configuration({
headers: {
"X-TOKEN": user.token
}
});
let shareApi = new ShareApi(cfg);
shareApi.unaccess({body: {frontendToken: detail.token, envZId: access.data.envZId as string, shrToken: detail.shrToken}})
.then(d => {
setReleaseAccessOpen(false);
})
.catch(e => {
console.log("releaseAccess", e);
});
}
}
useEffect(() => {
let cfg = new Configuration({
headers: {
@ -98,7 +80,7 @@ const AccessPanel = ({ access }: AccessPanelProps) => {
</Grid2>
</Grid2>
</Typography>
<ReleaseAccessModal close={closeReleaseAccess} isOpen={releaseAccessOpen} detail={detail} action={releaseAccess} />
<ReleaseAccessModal close={closeReleaseAccess} isOpen={releaseAccessOpen} user={user} access={access} detail={detail} />
</>
);
}

31
ui100/src/ReleaseAccessModal.tsx
View File

@ -1,16 +1,19 @@
import {Frontend} from "./api";
import {Configuration, Frontend, ShareApi} from "./api";
import {useEffect, useRef, useState} from "react";
import {Box, Button, Checkbox, FormControlLabel, Grid2, Modal, Typography} from "@mui/material";
import {modalStyle} from "./styling/theme.ts";
import {User} from "./model/user.ts";
import {Node} from "@xyflow/react";
interface ReleaseAccessProps {
close: () => void;
isOpen: boolean;
user: User;
access: Node;
detail: Frontend;
action: () => void;
}
const ReleaseAccessModal = ({ close, isOpen, detail, action }: ReleaseAccessProps) => {
const ReleaseAccessModal = ({ close, isOpen, user, access, detail }: ReleaseAccessProps) => {
const [feToken, setFeToken] = useState<String>("");
const [checked, setChecked] = useState<boolean>(false);
const checkedRef = useRef<boolean>(checked);
@ -29,6 +32,26 @@ const ReleaseAccessModal = ({ close, isOpen, detail, action }: ReleaseAccessProp
}
}, [detail]);
const releaseAccess = () => {
if(detail && detail.token) {
let cfg = new Configuration({
headers: {
"X-TOKEN": user.token
}
});
let shareApi = new ShareApi(cfg);
shareApi.unaccess({body: {frontendToken: detail.token, envZId: access.data.envZId as string, shrToken: detail.shrToken}})
.then(d => {
close();
})
.catch(e => {
e.response.json().then(ex => {
console.log("releaseAccess", ex.message);
});
});
}
}
return (
<Modal open={isOpen} onClose={close}>
<Box sx={{ ...modalStyle }}>
@ -42,7 +65,7 @@ const ReleaseAccessModal = ({ close, isOpen, detail, action }: ReleaseAccessProp
<FormControlLabel control={<Checkbox checked={checked} onChange={toggleChecked} />} label={<p>I confirm the release of <code>{feToken}</code></p>} sx={{ mt: 2 }} />
</Grid2>
<Grid2 container sx={{ flexGrow: 1 }} alignItems="center">
<Button color="error" variant="contained" disabled={!checked} onClick={action}>Release</Button>
<Button color="error" variant="contained" disabled={!checked} onClick={releaseAccess}>Release</Button>
</Grid2>
</Box>
</Modal>

2
ui100/src/ReleaseEnvironmentModal.tsx
View File

@ -49,7 +49,7 @@ const ReleaseEnvironmentModal = ({ close, isOpen, user, environment, detail }: R
.catch(e => {
e.response.json().then(ex => {
console.log("releaseEnvironment", ex.message);
})
});
});
}
}

4
ui100/src/ReleaseShareModal.tsx
View File

@ -46,7 +46,9 @@ const ReleaseShareModal = ({ close, isOpen, user, share, detail }: ReleaseShareP
close();
})
.catch(e => {
console.log("releaseShare", e);
e.response.json().then(ex => {
console.log("releaseShare", ex.message);
});
});
}
}