fix: warning

Author: brelieu05

client/src/components/email/utils.jsx

@@ -68,20 +68,30 @@ export const sendEmail = async (
     if (blob) {
       const formData = new FormData();
       formData.append("pdfFile", blob, `${pdf_title}.pdf`);
-      formData.append("to", emails);
+      const toString = Array.isArray(emails)
+        ? emails.filter(Boolean).join(",")
+        : (emails || "");
+      const ccString = Array.isArray(ccEmails)
+        ? ccEmails.filter(Boolean).join(",")
+        : (ccEmails || "");
+      const bccString = Array.isArray(bccEmails)
+        ? bccEmails.filter(Boolean).join(",")
+        : (bccEmails || "");
+
+      formData.append("to", toString);
       formData.append("subject", title);
       formData.append("text", message);
       formData.append("html", `<p>${message.replace(/\n/g, "<br />")}</p>`);
-      formData.append("cc", ccEmails);
-      formData.append("bcc", bccEmails);
+      formData.append("cc", ccString);
+      formData.append("bcc", bccString);
 
       const response = await backend.post("/email/send", formData);
 
     }
   } catch (error) {
     console.error("Error sending email:", error);
   } finally {
-    setLoading(false);
+    if (typeof setLoading === "function") setLoading(false);
   }
 };
 

client/src/components/invoices/InvoicePDFDocument.jsx

@@ -219,7 +219,7 @@ const EditInvoiceDetailsPDF = ({
           {payees && payees.length > 0 ? (
             payees.map((payee, index) => (
               <Text
-                key={index}
+                key={`payee-${payee?.id || payee?.email || index}`}
                 style={{ fontSize: 8, marginBottom: 2 }}
               >
                 {payee.name} - {payee.email}
@@ -245,7 +245,7 @@ const EditInvoiceDetailsPDF = ({
           {instructors && instructors.length > 0 ? (
             instructors.map((instructor, index) => (
               <Text
-                key={index}
+                key={`instr-${instructor?.id || instructor?.email || index}`}
                 style={{ fontSize: 8, marginBottom: 2 }}
               >
                 {instructor.name} - {instructor.email}
@@ -781,7 +781,7 @@ const InvoiceTable = ({ sessions, summary }) => {
               session.comments?.map((line, textIndex) => {
                 return (
                   <View
-                    key={`comment-${textIndex}`}
+                    key={`comment-${session.id || index}-${textIndex}`}
                     style={tableStyles.tableRow}
                   >
                     <View
@@ -805,7 +805,7 @@ const InvoiceTable = ({ sessions, summary }) => {
             const totalRow =
               session?.total?.map((total, totalIndex) => {
                 return (
-                  <View style={tableStyles.tableRow}>
+                  <View style={tableStyles.tableRow} key={`total-${session.id || index}-${totalIndex}`}>
                     <View style={tableStyles.tableCol}>
                       <Text style={{ fontSize: 7 }}>
                         {format(new Date(new Date(total.date).getTime() + new Date(total.date).getTimezoneOffset() * 60000), "EEE. M/d/yy")}
@@ -1034,6 +1034,7 @@ const SummaryTable = ({
             : summaryTableStyles.roomFeeRow;
           return (
             <View
+              key={`roomfee-${session?.id || session?.name || index}`}
               style={{
                 ...rowStyle,
                 width: "100%",

client/src/components/invoices/SavedEditInvoiceComponent.jsx

@@ -220,7 +220,6 @@ const SavedStatementComments = ({
     const finalTotal = adjSum + totalSum;
 
     const total = finalTotal.toFixed(2);
-    setSubtotal(Number(total));
     return total;
   };
 
@@ -392,6 +391,7 @@ const SavedStatementComments = ({
                   session.total?.map((total, totalIndex) => {
                     return (
                       <Tr
+                        key={`custom-${session.id || index}-${totalIndex}`}
                         position="relative"
                         cursor="pointer"
                         _hover={{ bg: "gray.50" }}
@@ -642,6 +642,7 @@ const SavedStatementComments = ({
                       session?.total?.map((total, totalIndex) => {
                         return (
                           <Tr
+                            key={`total-${session.id || index}-${totalIndex}`}
                             position="relative"
                             cursor="pointer"
                             _hover={{ bg: "gray.50" }}