BradNut/weddingsite
1
0
Fork 0
mirror of https://github.com/BradNut/weddingsite synced 2025-09-08 17:40:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ESLint exceptions and safety on optional chaining.

Browse source
This commit is contained in:
Bradley Shellnut 2022-01-09 16:22:45 -08:00
parent f9b5f3f4ba
commit 01ac00eda7
2 changed files with 52 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
pages/api/group.js
View file

@ -34,7 +34,7 @@ export default withSession(async (req, res) => {
// console.log('group', group);
response.id = id;
const guestList = [];
for (const guestId of group?.guests) {
for (const guestId of group?.guests || []) {
// console.log(JSON.stringify(guestId));
const guestData = await Guest.findById(guestId);
const guest = {

96
pages/rsvp/[id].js
View file

@ -297,29 +297,32 @@ export default function SingleGroupPage({ group }) {
gap: '1rem',
}}
>
{group?.guests?.map((guest) =>
!guest.isPlusOne ? (
<QuestionStyles key={`${guest?.id}-dietaryNotes`}>
<p>
{guest.firstName} {guest.lastName} :
</p>
<label htmlFor={`${guest.id}-dietaryNotes`}>
<p className="sr-only">{`Enter dietery restrictions for ${guest.firstName} ${guest.lastName}`}</p>
<textarea
name={`${guest.id}-dietaryNotes`}
id={`${guest.id}-dietaryNotes`}
cols="30"
rows="2"
placeholder="Example: Nut allergy, Fish, etc."
value={inputs[guest.id]?.dietaryNotes}
onChange={handleChange}
/>
</label>
</QuestionStyles>
) : (
''
{
// eslint-disable-next-line react/prop-types
group?.guests?.map((guest) =>
!guest.isPlusOne ? (
<QuestionStyles key={`${guest?.id}-dietaryNotes`}>
<p>
{guest.firstName} {guest.lastName} :
</p>
<label htmlFor={`${guest.id}-dietaryNotes`}>
<p className="sr-only">{`Enter dietery restrictions for ${guest.firstName} ${guest.lastName}`}</p>
<textarea
name={`${guest.id}-dietaryNotes`}
id={`${guest.id}-dietaryNotes`}
cols="30"
rows="2"
placeholder="Example: Nut allergy, Fish, etc."
value={inputs[guest.id]?.dietaryNotes}
onChange={handleChange}
/>
</label>
</QuestionStyles>
) : (
''
)
)
)}
}
</div>
</fieldset>
<fieldset aria-busy={loading} disabled={loading}>
@ -330,29 +333,32 @@ export default function SingleGroupPage({ group }) {
gap: '1rem',
}}
>
{group?.guests?.map((guest) =>
!guest?.isPlusOne ? (
<QuestionStyles key={`${guest?.id}-songRequests`}>
<p>
{guest.firstName} {guest.lastName}:
</p>
<label htmlFor={`${guest.id}-songRequests`}>
<p className="sr-only">{`Enter song requests for ${guest.firstName} ${guest.lastName}`}</p>
<textarea
name={`${guest.id}-songRequests`}
id={`${guest.id}-songRequests`}
cols="30"
rows="2"
placeholder="Example: Paint It Black - Rolling Stones"
value={inputs[guest.id]?.songRequests}
onChange={handleChange}
/>
</label>
</QuestionStyles>
) : (
''
{
// eslint-disable-next-line react/prop-types
group?.guests?.map((guest) =>
!guest?.isPlusOne ? (
<QuestionStyles key={`${guest?.id}-songRequests`}>
<p>
{guest.firstName} {guest.lastName}:
</p>
<label htmlFor={`${guest.id}-songRequests`}>
<p className="sr-only">{`Enter song requests for ${guest.firstName} ${guest.lastName}`}</p>
<textarea
name={`${guest.id}-songRequests`}
id={`${guest.id}-songRequests`}
cols="30"
rows="2"
placeholder="Example: Paint It Black - Rolling Stones"
value={inputs[guest.id]?.songRequests}
onChange={handleChange}
/>
</label>
</QuestionStyles>
) : (
''
)
)
)}
}
</div>
</fieldset>
<fieldset aria-busy={loading} disabled={loading}>
@ -436,7 +442,7 @@ export async function getServerSideProps({ params }) {
group.id = params.id;
const guestList = [];
for (const guestId of groupData?.guests) {
for (const guestId of groupData?.guests || []) {
const guestData = await Guest.findById(guestId);
const guest = {
id: guestData.id,