From d9b60e5e4672e745dfbbfb8807259475fd5da8c8 Mon Sep 17 00:00:00 2001
From: Robert Kenny <r.kenny@wellcome.org>
Date: Mon, 2 Dec 2024 08:58:29 +0000
Subject: [PATCH] Use !! to coerce value to boolean

Co-Authored-By: Gareth Estchild <g.estchild@wellcome.ac.uk>
---
 content/webapp/pages/concepts/[conceptId].tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/content/webapp/pages/concepts/[conceptId].tsx b/content/webapp/pages/concepts/[conceptId].tsx
index 3951548d5f..48ba416805 100644
--- a/content/webapp/pages/concepts/[conceptId].tsx
+++ b/content/webapp/pages/concepts/[conceptId].tsx
@@ -157,13 +157,11 @@ const ImagesTabPanel: FunctionComponent<ImagesTabPanelProps> = ({
   results,
   totalResults,
 }) => {
-  const showSeeMore = totalResults !== undefined && totalResults > 0;
-
   return (
     <div role="tabpanel" id={`tabpanel-${id}`} aria-labelledby={`tab-${id}`}>
       <ImageEndpointSearchResults images={results.pageResults} />
       <Space $v={{ size: 'm', properties: ['margin-top'] }}>
-        {showSeeMore && (
+        {!!totalResults && (
           <SeeMoreButton
             text="All images"
             totalResults={totalResults}
@@ -187,14 +185,12 @@ const WorksTabPanel: FunctionComponent<WorksTabPanelProps> = ({
   results,
   totalResults,
 }) => {
-  const showSeeMore = totalResults !== undefined && totalResults > 0;
-
   return (
     <Container>
       <div role="tabpanel" id={`tabpanel-${id}`} aria-labelledby={`tab-${id}`}>
         <WorksSearchResults works={results.pageResults} />
         <Space $v={{ size: 'l', properties: ['padding-top'] }}>
-          {showSeeMore && (
+          {!!totalResults && (
             <SeeMoreButton
               text="All works"
               totalResults={totalResults}