Fixes issues with release modal *close , autofocus , keyboard actions (#2032)

This commit is contained in:
Kiran Ashok 2022-01-31 16:36:01 +05:30 committed by GitHub
parent 8f2ab3f269
commit 0cbfcf9a2d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -54,7 +54,7 @@ export const AppVersionsManager = function AppVersionsManager({
appVersionService
.create(appId, versionName, createAppVersionFrom.id)
.then(() => {
setShowModal(false);
closeModal();
toast.success('Version Created');
appVersionService.getAll(appId).then((data) => {
@ -148,8 +148,20 @@ const CreateVersionModal = function CreateVersionModal({
appVersions,
showCreateVersionModalPrompt,
}) {
const handleKeyPress = (event) => {
if (event.key === 'Enter') {
// eslint-disable-next-line no-undef
createVersion(versionName, createAppVersionFrom);
}
};
return (
<Modal show={showModal || showCreateVersionModalPrompt} setShow={setShowModal} title="Create Version">
<Modal
show={showModal || showCreateVersionModalPrompt}
setShow={setShowModal}
title="Create Version"
autoFocus={false}
closeModal={() => setShowModal(false)}
>
<div className="mb-3">
<div className="col">
<label className="form-label">Version Name</label>
@ -160,6 +172,8 @@ const CreateVersionModal = function CreateVersionModal({
placeholder="Enter version name"
disabled={isCreatingVersion}
value={versionName}
autoFocus={true}
onKeyPress={(e) => handleKeyPress(e)}
/>
</div>
</div>