Add markup in tree view and concept page #287

skohub-io · Feb 6, 2024 · a5180c1 · a5180c1
1 parent af66e5c
commit a5180c1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/src/components/Concept.jsx b/src/components/Concept.jsx
@@ -20,6 +20,7 @@ const Concept = ({
 
   return (
     <div className="content block main-block" id={getDomId(concept.id)}>
+      <h1 style={{ color: "red" }}>{concept.deprecated ? "Deprecated" : ""}</h1>
       <h1>
         {concept.notation && <span>{concept.notation.join(",")}&nbsp;</span>}
         {i18n(language)(concept.prefLabel)}

diff --git a/src/components/nestedList.jsx b/src/components/nestedList.jsx
@@ -191,6 +191,9 @@ const NestedList = ({
     const renderPrefLabel = () => {
       // Function for handling highlighting
       function handleHighlight(text, highlight) {
+        text = item.deprecated
+          ? `<span style="color: red">(DEPRECATED)</span> ${text}`
+          : text
         if (highlight) {
           return text.replace(highlight, (str) => `<strong>${str}</strong>`)
         } else {

diff --git a/src/queries.js b/src/queries.js
@@ -179,6 +179,7 @@ module.exports.allConceptScheme = (languages) => `
     example {
       ${[...languages].join(" ")}
     }
+    deprecated
   }
 `
 module.exports.tokenizer = `{