fix: remove documentation card when no usable doc info

Author: EvaMart

components/Tools/ToolEntry/Documentation/DocumentationContent.vue

@@ -2,7 +2,7 @@
 	<v-container class="mt-0 pt-0 pl-8">
 		<!-- Documents -->
 		<v-row
-			v-if="tool.documentation && tool.documentation.length"
+			v-if="documents.length"
 			class="mt-0 pt-0 mb-0 section-row"
 			align="center"
 		>
@@ -11,9 +11,7 @@
 			</v-col>
 			<v-col cols="9" class="pt-3 pb-3 d-flex flex-wrap" style="gap: 14px">
 				<v-chip
-					v-for="(item, i) in tool.documentation.filter(
-						(d) => d.term && d.term.url
-					)"
+					v-for="(item, i) in documents"
 					:key="i"
 					label
 					color="grey lighten-3"
@@ -28,12 +26,12 @@
 			</v-col>
 		</v-row>
 
-		<v-divider v-if="tool.documentation && tool.documentation.length" />
+		<v-divider v-if="documents.length" />
 
 		<!-- Related topics -->
 		<!-- Vocabulary EDAM si lleva los 3 puntitos sino no. -->
 		<v-row
-			v-if="tool.topics && tool.topics.length"
+			v-if="topics.length"
 			class="mt-0 pt-0 mb-0 section-row"
 			align="center"
 		>
@@ -42,7 +40,7 @@
 			</v-col>
 			<v-col cols="9" class="pt-3 pb-3 d-flex flex-wrap" style="gap: 14px">
 				<ItemChipMenu
-					v-for="item in tool.topics.filter((t) => t.term && t.term.term)"
+					v-for="item in topics"
 					:key="item.id"
 					:text="item.term.term"
 					:edam-id="item.term.uri"
@@ -53,11 +51,11 @@
 			</v-col>
 		</v-row>
 
-		<v-divider v-if="tool.topics && tool.topics.length" />
+		<v-divider v-if="topics.length" />
 
 		<!-- Operations -->
 		<v-row
-			v-if="tool.operations && tool.operations.length"
+			v-if="operations.length"
 			class="mt-0 pt-0 mb-0 section-row"
 			align="center"
 		>
@@ -66,7 +64,7 @@
 			</v-col>
 			<v-col cols="9" class="pt-3 pb-3 d-flex flex-wrap" style="gap: 14px">
 				<ItemChipMenu
-					v-for="item in tool.operations"
+					v-for="item in operations"
 					:key="item.id"
 					:text="item.term.term"
 					:edam-id="item.term.uri"
@@ -101,6 +99,19 @@ export default {
 			tool: 'tool',
 			loading: 'loading',
 		}),
+		// Documentation entries that carry a link; entries with only inline
+		// `content` (no URL) render no chip, so they are excluded here.
+		documents() {
+			return (this.tool?.documentation || []).filter(
+				(d) => d.term && d.term.url
+			);
+		},
+		topics() {
+			return (this.tool?.topics || []).filter((t) => t.term && t.term.term);
+		},
+		operations() {
+			return (this.tool?.operations || []).filter((o) => o.term && o.term.term);
+		},
 	},
 };
 </script>

pages/tool/_id.vue

@@ -226,9 +226,22 @@ export default {
 		hasSimilarSoftware() {
 			return this.loadingSimilar || this.similarTools.length > 0;
 		},
-		// Whether the documentation section should be shown
+		// Whether the documentation section should be shown. The card renders
+		// Documents (documentation entries with a URL), Related topics and
+		// Function (operations); a documentation entry that only carries inline
+		// `content` (no URL) renders nothing, so it must not, on its own, show
+		// the card.
 		hasDocumentation() {
-			return (this.tool?.documentation || []).length > 0;
+			const hasDocuments = (this.tool?.documentation || []).some(
+				(doc) => doc.term?.url
+			);
+			const hasTopics = (this.tool?.topics || []).some(
+				(topic) => topic.term?.term
+			);
+			const hasOperations = (this.tool?.operations || []).some(
+				(operation) => operation.term?.term
+			);
+			return hasDocuments || hasTopics || hasOperations;
 		},
 		// Sections to render, hiding cards that have no information
 		items() {