From 51b64167623533f960b4e430dfc650562c01e4c7 Mon Sep 17 00:00:00 2001
From: Josh Lagrimas <joshlagrimas@ebi.ac.uk>
Date: Mon, 24 Jul 2023 10:35:42 +0100
Subject: [PATCH] issue-426: make sure variables are in string format before
 doing substring

---
 frontend/src/pages/Help.tsx                                 | 6 +++---
 .../entityPageSections/EntityAnnotationsSection.tsx         | 2 +-
 .../entityPageSections/EntityDescriptionSection.tsx         | 2 +-
 .../entityPageSections/EntityRelatedFromSection.tsx         | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/Help.tsx b/frontend/src/pages/Help.tsx
index f24c40821..27a788a57 100644
--- a/frontend/src/pages/Help.tsx
+++ b/frontend/src/pages/Help.tsx
@@ -196,7 +196,7 @@ Content-Length: 153
           >
             Hypertext Application Language (HAL)
           </a>
-          format. Links can be found beneath the&thinsp;
+          &thinsp;format. Links can be found beneath the&thinsp;
           <span className="text-code">_links</span> key. Users of the API should
           not create URIs themselves, instead they should use the
           above-described links to navigate from resource to resource.
@@ -412,8 +412,8 @@ Content-Type: application/json
         <div className="text-lg text-petrol-600 my-3">Response structure</div>
         <p className="mb-2">
           The response is paginated where the individual ontology resources are
-          in the&thinsp;<span className="text-code">_embedded.ontologies</span>{" "}
-          field.
+          in the&thinsp;<span className="text-code">_embedded.ontologies</span>
+          &thinsp;field.
         </p>
         <div className="text-xl text-petrol-600 font-bold my-3">Ontology</div>
         <div className="text-xl italic my-3">Retrieve an ontology</div>
diff --git a/frontend/src/pages/ontologies/entities/entityPageSections/EntityAnnotationsSection.tsx b/frontend/src/pages/ontologies/entities/entityPageSections/EntityAnnotationsSection.tsx
index d7a315154..b92acee29 100644
--- a/frontend/src/pages/ontologies/entities/entityPageSections/EntityAnnotationsSection.tsx
+++ b/frontend/src/pages/ontologies/entities/entityPageSections/EntityAnnotationsSection.tsx
@@ -54,7 +54,7 @@ export default function EntityAnnotationsSection({
                       return (
                         <li
                           key={
-                            annotation.value.substring(0, 10) + randomString()
+                            annotation.value.toString().substring(0, 10) + randomString()
                           }
                         >
                           <span>{renderAnnotation(annotation)}</span>
diff --git a/frontend/src/pages/ontologies/entities/entityPageSections/EntityDescriptionSection.tsx b/frontend/src/pages/ontologies/entities/entityPageSections/EntityDescriptionSection.tsx
index 0422c4919..8f7448745 100644
--- a/frontend/src/pages/ontologies/entities/entityPageSections/EntityDescriptionSection.tsx
+++ b/frontend/src/pages/ontologies/entities/entityPageSections/EntityDescriptionSection.tsx
@@ -18,7 +18,7 @@ export default function EntityDescriptionSection({
       {desc.map((definition: Reified<any>, i: number) => {
         return (
           <p
-            key={definition.value.substring(0, 10) + randomString()}
+            key={definition.value.toString().substring(0, 10) + randomString()}
             className="pb-3"
           >
             <span>
diff --git a/frontend/src/pages/ontologies/entities/entityPageSections/EntityRelatedFromSection.tsx b/frontend/src/pages/ontologies/entities/entityPageSections/EntityRelatedFromSection.tsx
index 88217e4cc..ac205d2b4 100644
--- a/frontend/src/pages/ontologies/entities/entityPageSections/EntityRelatedFromSection.tsx
+++ b/frontend/src/pages/ontologies/entities/entityPageSections/EntityRelatedFromSection.tsx
@@ -33,7 +33,7 @@ export default function EntityRelatedFromSection({
       {predicates.map((p) => {
         let label = linkedEntities.getLabelForIri(p);
         return (
-          <div key={p + randomString()}>
+          <div key={p.toString() + randomString()}>
             <div>
               <i>{label || p}</i>
             </div>
@@ -44,7 +44,7 @@ export default function EntityRelatedFromSection({
                   let relatedIri = relatedFrom.value.value;
                   // let label = linkedEntities.getLabelForIri(relatedIri);
                   return (
-                    <li key={relatedIri + randomString()}>
+                    <li key={relatedIri.toString() + randomString()}>
                       <EntityLink
                         ontologyId={entity.getOntologyId()}
                         currentEntity={entity}