Null Case Handler for Comments

agiledev-students-fall2023 · Nov 18, 2023 · 84fd439 · 84fd439
1 parent 1d21ebe
commit 84fd439
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/front-end/src/components/student/StudentIssueOverlay/DesktopIssueDetails.js b/front-end/src/components/student/StudentIssueOverlay/DesktopIssueDetails.js
@@ -210,13 +210,13 @@ const DesktopIssueDetails = ({ index }) => {
                             </div>
 
                             {/* Map through the comments and display them starting with Update 2 */}
-                            {issue.comments.map((update, index) => (
+                            {issue.comments[0] != null && (issue.comments.map((update, index) => (
                                 <div key={index} className="update">
                                     {/* Updates in Reverse */}
                                     <h4>Update {issue.comments.length - index}</h4>
                                     <p>{update}</p>
                                 </div>
-                            ))}
+                            )))}
                         </div>
 
                         <div className="add-comment">
@@ -248,7 +248,7 @@ const DesktopIssueDetails = ({ index }) => {
                                 {issue.departments.map((dept, index) => <li className='issue-li department-pill' key={index}>{mapDepartmentToDisplayName(dept)}</li>)}
                             </ul>
                         </div>
-                        {issue.attachments.length > 1 && (
+                        {issue.attachments[0] != null && (
                             <div className="attachments">
                                 <h3>Attachments</h3>
                                 <ul className='attachment-box'>