diff --git a/ui100/src/ReleaseAccessModal.tsx b/ui100/src/ReleaseAccessModal.tsx index e3634287..7ab425ca 100644 --- a/ui100/src/ReleaseAccessModal.tsx +++ b/ui100/src/ReleaseAccessModal.tsx @@ -15,6 +15,7 @@ interface ReleaseAccessProps { } const ReleaseAccessModal = ({ close, isOpen, user, access, detail }: ReleaseAccessProps) => { + const [errorMessage, setErrorMessage] = useState(null); const [feToken, setFeToken] = useState(""); const [checked, setChecked] = useState(false); const checkedRef = useRef(checked); @@ -34,20 +35,24 @@ const ReleaseAccessModal = ({ close, isOpen, user, access, detail }: ReleaseAcce }, [detail]); const releaseAccess = () => { + setErrorMessage(null); if(detail && detail.token) { getShareApi(user).unaccess({ body: { frontendToken: detail.token, envZId: access.data.envZId as string, - shrToken: detail.shrToken} - }) - .then(d => { + shrToken: detail.shrToken + } + }) + .then(() => { close(); }) .catch(e => { e.response.json().then(ex => { console.log("releaseAccess", ex.message); }); + setErrorMessage(An error occurred releasing your share {detail.token}!); + setTimeout(() => { setErrorMessage(null); }, 2000); }); } } @@ -64,6 +69,7 @@ const ReleaseAccessModal = ({ close, isOpen, user, access, detail }: ReleaseAcce } label={

I confirm the release of {feToken}

} sx={{ mt: 2 }} />
+ { errorMessage ? {errorMessage} : null}