bug fix

ohcnetwork · Jul 12, 2024 · cdfdf8f · cdfdf8f
1 parent e29837f
commit cdfdf8f
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/src/Components/Facility/PatientNoteCard.tsx b/src/Components/Facility/PatientNoteCard.tsx
@@ -290,25 +290,27 @@ const PatientNoteCard = ({
               >
                 <MarkdownPreview markdown={noteField} />
                 <div className="flex gap-2">
-                  {note.files.map((file: any) => (
-                    <div
-                      key={file.id}
-                      className="relative mt-1 h-20 w-20 cursor-pointer rounded-md bg-gray-100 shadow-sm hover:bg-gray-200"
-                    >
+                  {note.files &&
+                    note.files.length > 0 &&
+                    note.files.map((file: any) => (
                       <div
-                        className="flex h-full w-full flex-col items-center justify-center p-2"
-                        onClick={() => loadFile(file.external_id, note.id)}
+                        key={file.id}
+                        className="relative mt-1 h-20 w-20 cursor-pointer rounded-md bg-gray-100 shadow-sm hover:bg-gray-200"
                       >
-                        <CareIcon
-                          icon="l-file"
-                          className="shrink-0 text-2xl text-gray-600"
-                        />
-                        <span className="mt-1 max-h-[2.5em] w-full overflow-hidden text-ellipsis break-words text-center text-xs text-gray-600">
-                          {file.name}
-                        </span>
+                        <div
+                          className="flex h-full w-full flex-col items-center justify-center p-2"
+                          onClick={() => loadFile(file.external_id, note.id)}
+                        >
+                          <CareIcon
+                            icon="l-file"
+                            className="shrink-0 text-2xl text-gray-600"
+                          />
+                          <span className="mt-1 max-h-[2.5em] w-full overflow-hidden text-ellipsis break-words text-center text-xs text-gray-600">
+                            {file.name}
+                          </span>
+                        </div>
                       </div>
-                    </div>
-                  ))}
+                    ))}
                 </div>
                 {mode == "thread-view" && note.replies.length > 0 && (
                   <div className="mt-2 flex items-center text-xs text-gray-500">