From e82a8d0a65965ce312a39ffd7c66cc997d9eb453 Mon Sep 17 00:00:00 2001
From: alisman <lisman.aaron@gmail.com>
Date: Fri, 10 Jan 2025 12:03:35 -0500
Subject: [PATCH] Improve handling of case without resources

---
 .../components/resources/ResourceTable.tsx    | 69 ++++++++++---------
 1 file changed, 37 insertions(+), 32 deletions(-)

diff --git a/src/shared/components/resources/ResourceTable.tsx b/src/shared/components/resources/ResourceTable.tsx
index e53a3fa197c..7ac2e3ead12 100644
--- a/src/shared/components/resources/ResourceTable.tsx
+++ b/src/shared/components/resources/ResourceTable.tsx
@@ -53,7 +53,9 @@ const ResourceTable = observer(
             },
         }));
 
-        return (
+        return resourceTable.data.length === 0 ? (
+            <p>There are no resources for this sample.</p>
+        ) : (
             <table className="simple-table table table-striped table-border-top">
                 <thead>
                     <tr>
@@ -64,42 +66,45 @@ const ResourceTable = observer(
                     </tr>
                 </thead>
                 <tbody>
-
-                { resourceTable.data.length === 0 ? (
+                    {resourceTable.data.length === 0 ? (
                         <tr>
                             <td colSpan={3} style={{ textAlign: 'center' }}>
                                 There are no results
                             </td>
                         </tr>
-                    ) : (resourceTable.data.map(resource => (
-                        <tr>
-                            {sampleId && <td>{sampleId}</td>}
-                            <td>
-                                <a onClick={() => openResource(resource)}>
-                                    {icon(resource)}
-                                    {resource.resourceDefinition.displayName ||
-                                        resource.url}
-                                </a>
-                            </td>
-                            <td>
-                                <a
-                                    href={resource.url}
-                                    style={{ fontSize: 10 }}
-                                    target={'_blank'}
-                                >
-                                    <i
-                                        className={`fa fa-external-link fa-sm`}
-                                        style={{
-                                            marginRight: 5,
-                                            color: 'black',
-                                        }}
-                                    />
-                                    Open in new window
-                                </a>
-                            </td>
-                            <td>{resource.resourceDefinition.description}</td>
-                        </tr>
-                    ))}
+                    ) : (
+                        resourceTable.data.map(resource => (
+                            <tr>
+                                {sampleId && <td>{sampleId}</td>}
+                                <td>
+                                    <a onClick={() => openResource(resource)}>
+                                        {icon(resource)}
+                                        {resource.resourceDefinition
+                                            .displayName || resource.url}
+                                    </a>
+                                </td>
+                                <td>
+                                    <a
+                                        href={resource.url}
+                                        style={{ fontSize: 10 }}
+                                        target={'_blank'}
+                                    >
+                                        <i
+                                            className={`fa fa-external-link fa-sm`}
+                                            style={{
+                                                marginRight: 5,
+                                                color: 'black',
+                                            }}
+                                        />
+                                        Open in new window
+                                    </a>
+                                </td>
+                                <td>
+                                    {resource.resourceDefinition.description}
+                                </td>
+                            </tr>
+                        ))
+                    )}
                 </tbody>
             </table>
         );