From 501b6e9c9c7b35bc929f51e719a418529f0fa368 Mon Sep 17 00:00:00 2001
From: wickathou <javier@enddesign.co>
Date: Fri, 12 Jul 2024 12:17:37 +0300
Subject: [PATCH] Added improved key logic for elements rendered in the
 ProjectDetail

---
 .../src/components/projects/ProjectDetail/index.js   | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/projects/ProjectDetail/index.js b/frontend/src/components/projects/ProjectDetail/index.js
index 8d63c6143..23fb3f435 100644
--- a/frontend/src/components/projects/ProjectDetail/index.js
+++ b/frontend/src/components/projects/ProjectDetail/index.js
@@ -359,7 +359,7 @@ const ProjectDetail = ({
                                             return (
                                                 <div
                                                     className="tw-flex tw-flex-col tw-gap-10 tw-p-4 tw-bg-white tw-rounded-md tw-shadow-md"
-                                                    key={index}
+                                                    key={`${section.section}-${index}`}
                                                 >
                                                     <Typography
                                                         variant="h6"
@@ -376,11 +376,15 @@ const ProjectDetail = ({
                                                         0 &&
                                                         section.answers.map(
                                                             (answer, index) => {
+                                                                if (
+                                                                    answer.fieldType ===
+                                                                    'attachment'
+                                                                ) {
+                                                                    return null
+                                                                }
                                                                 return (
                                                                     <div
-                                                                        key={
-                                                                            index
-                                                                        }
+                                                                        key={`${answer.question}-${index}`}
                                                                         className="tw-flex tw-flex-col tw-gap-2"
                                                                     >
                                                                         <Typography variant="h6">