Feature updates aug

components/submission/showSubmissionForm.tsx

@@ -85,6 +85,9 @@ const validationSchema = [
             .shape({
               name: Yup.string().required("Please add an artist name"),
               image: Yup.object().required("Please add an artist image"),
+              email: Yup.string()
+                .required("Please add an email")
+                .email("Invalid email"),
             })
         ),
     }),
@@ -125,6 +128,7 @@ export default function ShowSubmissionForm({
       {
         name: "",
         pronouns: "",
+        email: "",
         bio: "",
         image: "",
       },

components/submission/showSubmissionStep3.tsx

@@ -114,6 +114,12 @@ export default function ShowSubmissionStep3({
                           type="text"
                           label="Pronouns"
                         />
+                        <InputField
+                          name={`extraArtists.${index}.email`}
+                          type="email"
+                          label="Email"
+                          required
+                        />
                         <TextareaField
                           name={`extraArtists.${index}.bio`}
                           rows={4}

lib/resend/email.ts

@@ -11,11 +11,7 @@ export async function sendEmail(artist, show, severity) {
       from: "Refuge Worldwide <[email protected]>",
       to: artist.email,
       subject: subject(severity),
-      reply_to: [
-        "[email protected]",
-        "[email protected]",
-        "[email protected]",
-      ],
+      reply_to: ["[email protected]", "[email protected]"],
       react: ShowSubmissionEmail({
         userName: artist.name,
         showDateStart: show.date,
@@ -53,7 +49,6 @@ export async function sendConfirmationEmail(show) {
             reply_to: [
               "[email protected]",
               "[email protected]",
-              "[email protected]",
             ],
             react: ShowSubmissionEmail({
               userName: artist.label,
@@ -93,7 +88,8 @@ export async function sendArtworkEmail(artist, date) {
       reply_to: [
         "[email protected]",
         "[email protected]",
-        "[email protected]",
+        "[email protected]",
+        "[email protected]",
       ],
       react: ShowArtworkEmail({
         userName: artist.name,

pages/api/show-submission-v2.ts

@@ -103,6 +103,9 @@ const addArtist = async (artist) => {
         pronouns: {
           "en-US": artist.pronouns,
         },
+        email: {
+          "en-US": [artist.email],
+        },
         role: {
           "en-US": false,
         },

types/shared.d.ts

@@ -281,6 +281,7 @@ export type SubmissionFormValues = {
   extraArtists?: Array<{
     name: string;
     pronouns: string;
+    email: string;
     bio?: string;
     image?: string;
   }>;

util.ts

@@ -111,18 +111,18 @@ export const formatArtistNames = (data: ArtistInterface[]) => {
   const names = data.map(({ name }) => name);
 
   if (names.length === 1) {
-    return `With ${names[0]}`;
+    return `with ${names[0]}`;
   }
 
   if (names.length === 2) {
-    return `With ${names[0]} and ${names[1]}`;
+    return `with ${names[0]} and ${names[1]}`;
   }
 
   if (names.length === 3) {
-    return `With ${names.slice(0, 2).join(", ")} and ${names[3]}`;
+    return `with ${names.slice(0, 2).join(", ")} and ${names[3]}`;
   }
 
-  return `With ${names.slice(0, 2).join(", ")} and others`;
+  return `with ${names.slice(0, 2).join(", ")} and others`;
 };
 
 export const getMixcloudKey = (url: string) =>