Adding join

remove console.log
SU-SWS · Mar 16, 2024 · a9a52f6 · a9a52f6
1 parent da5d446
commit a9a52f6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/node/sul-study-place/card.tsx b/src/components/node/sul-study-place/card.tsx
@@ -18,7 +18,6 @@ const SulStudyPlaceCard = ({node}: { node: NodeSulStudyPlace }) => {
 
   const imageUrl = node.sulStudyImage?.mediaImage.url || node.sulStudyBranch.suLibraryContactImg?.mediaImage.url
   const imageAlt = node.sulStudyImage?.mediaImage.alt || node.sulStudyBranch.suLibraryContactImg?.mediaImage.alt|| '';
-
   return (
     <>
       <div className="@container flex w-full leading-display shadow-md border-0 rounded flex-col">
@@ -52,7 +51,7 @@ const SulStudyPlaceCard = ({node}: { node: NodeSulStudyPlace }) => {
 
         <div className={"card-body items-start rs-px-2 rs-py-3 "}>
           <div className="leading-display text-18 pt-0 font-normal">
-            <h2 className="type-3 rs-mb-1">{node.sulStudyRoomDonorName ? `${node.sulStudyRoomDonorName} ${node.sulStudyType.name}` : node.sulStudyType.name}</h2>
+            <h2 className="type-3 rs-mb-1">{[node.sulStudyRoomDonorName, node.sulStudyType.name].filter(item => !!item).join(" ")}</h2>
 
             <div className="leading-tight">
               {node.sulStudyBranch?.suLibraryHours &&

diff --git a/src/components/node/sul-study-place/study-place-features.tsx b/src/components/node/sul-study-place/study-place-features.tsx
@@ -48,7 +48,7 @@ const StudyPlaceFeatures = ({branchHours, branchTitle, branchUrl, capacity, cont
 
       <div className="card-body items-start rs-px-3 rs-pb-3 rs-pt-7 md:rs-pt-3 w-full">
         <div className="leading-display text-18 pt-0 font-normal ">
-          <h2 id={headingId} className="type-3 rs-mb-1">{node.sulStudyRoomDonorName ? `${node.sulStudyRoomDonorName} ${node.sulStudyType.name}` : node.sulStudyType.name}</h2>
+          <h2 id={headingId} className="type-3 rs-mb-1">{[roomDonorName, type].filter(item => !!item).join(" ")}</h2>
           <div className="leading-tight">
 
             {branchHours &&