Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix display issue with TitledBox in Project Form #1658

Merged
merged 8 commits into from
Oct 15, 2024
Merged

Fix display issue with TitledBox in Project Form #1658

Changes from 2 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
fea7039
Fix display issue with TitledBox in Project Form
lcchrty Jun 4, 2024
2601b02
Merge branch 'development' into lcchrty/issue1646
trillium Jun 8, 2024
65fe6a0
removed isLoading from ternary statement
lcchrty Jun 25, 2024
194e38f
Fix display issue with TitledBox in Project Form
lcchrty Jul 29, 2024
acb2fd6
updated file ext
lcchrty Sep 24, 2024
439e99a
Fixes issue 1646, resolved merge conflicts, confirming checks still pass
lcchrty Sep 24, 2024
c0cfddd
Merge branch 'development' into lcchrty/issue1646
lcchrty Sep 24, 2024
91698a2
Merge branch 'development' into lcchrty/issue1646
trillium Oct 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
156 changes: 94 additions & 62 deletions client/src/components/ProjectForm.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -231,70 +231,102 @@ export default function ProjectForm({
<TitledBox
title={editMode ? 'Editing Project' : 'Project Information'}
badge={isEdit ? editIcon() : addIcon()}
/>
) : (
<TitledBox title={'Project Information'} />
)}
<form
id="project-form"
onSubmit={handleSubmit((data) => {
isEdit ? submitEditProject(data) : submitNewProject(data);
})}
>
{arr.map((input) => (
<ValidatedTextField
key={input.name}
register={register}
isEdit={isEdit}
editMode={editMode}
locationType={locationType}
locationRadios={locationRadios}
errors={errors}
input={input}
/>
))}
<ChangesModal
open={isModalOpen}
onClose={handleClose}
destination={'/projects'}
aria-labelledby="modal-modal-title"
aria-describedby="modal-modal-description"
handleClose={handleClose}
/>
</form>
{auth.user.accessLevel === 'admin' ? (
<Box>
<Grid container justifyContent="space-evenly" sx={{ my: 3 }}>
<Grid item xs="auto">
<StyledButton
type="submit"
form="project-form"
variant={
!isEdit ? 'secondary' : !editMode ? 'contained' : 'secondary'
}
cursor="pointer"
disabled={isEdit ? !editMode : false}
>
Save
</StyledButton>
</Grid>
<Grid item xs="auto">
<StyledButton
variant="contained"
cursor="pointer"
onClick={
!editMode || Object.keys(dirtyFields).length === 0
? checkFields
: handleOpen
}
>
Close
</StyledButton>
>
{' '}
<form
id="project-form"
onSubmit={handleSubmit((data) => {
isEdit ? submitEditProject(data) : submitNewProject(data);
})}
>
{arr.map((input) => (
<ValidatedTextField
key={input.name}
register={register}
isEdit={isEdit}
editMode={editMode}
locationType={locationType}
locationRadios={locationRadios}
errors={errors}
input={input}
/>
))}
<ChangesModal
open={isModalOpen}
onClose={handleClose}
destination={'/projects'}
aria-labelledby="modal-modal-title"
aria-describedby="modal-modal-description"
handleClose={handleClose}
/>
</form>
<Box>
<Grid container justifyContent="space-evenly" sx={{ my: 3 }}>
<Grid item xs="auto">
<StyledButton
type="submit"
form="project-form"
variant={
!isEdit
? 'secondary'
: !editMode
? 'contained'
: 'secondary'
}
cursor="pointer"
disabled={isEdit && !isLoading ? !editMode : false}
>
Save
</StyledButton>
</Grid>
<Grid item xs="auto">
<StyledButton
variant="contained"
cursor="pointer"
onClick={
!editMode || Object.keys(dirtyFields).length === 0
? checkFields
: handleOpen
}
>
Close
</StyledButton>
</Grid>
</Grid>
</Grid>
</Box>
</Box>
</TitledBox>
) : (
''
<TitledBox title={'Project Information'}>
{' '}
<form
id="project-form"
onSubmit={handleSubmit((data) => {
isEdit ? submitEditProject(data) : submitNewProject(data);
})}
>
{arr.map((input) => (
<ValidatedTextField
key={input.name}
register={register}
isEdit={isEdit}
editMode={editMode}
locationType={locationType}
locationRadios={locationRadios}
errors={errors}
input={input}
/>
))}
<ChangesModal
open={isModalOpen}
onClose={handleClose}
destination={'/projects'}
aria-labelledby="modal-modal-title"
aria-describedby="modal-modal-description"
handleClose={handleClose}
/>
</form>
{''}
</TitledBox>
)}
</Box>
) : (
Expand Down
Loading