Do not render list of typo3 or topics if not available in blog post

header

Resources/Private/Partials/BlogPostHeader.html

@@ -7,25 +7,28 @@
             then: '<a href="{link}">{title}</a>',
             else: title
         )}</h1>
+
         <p>
             Published: <time>{blogPost.lastUpdated -> f:format.date(format: 'Y-m-d')}</time>,
             Updated: <time>{blogPost.SYS_LASTCHANGED -> f:format.date(format: 'Y-m-d')}</time>
         </p>
-        <p>Tested with TYPO3:
+
         {f:render(section: 'TopicList', arguments: {
+            headline: 'Tested with TYPO3:',
             topics: compatibleWith,
             addLinks: addLinks
         })}
-        </p>
-        <p>Topics:
+
         {f:render(section: 'TopicList', arguments: {
+            headline: 'Topics:',
             topics: topics,
             addLinks: addLinks
         })}
-        </p>
     </header>
 
     <f:section name="TopicList">
+        <f:if condition="{topics}">
+            <p>{headline}
                 <f:for each="{topics}" as="topic" iteration="i">
                     <f:render section="TopicLink"
                         contentAs="content"
@@ -37,6 +40,8 @@
                         {topic.data.title}{f:if(condition: '!{i.isLast}', then: ',')}
                     </f:render>
                 </f:for>
+            </p>
+        </f:if>
     </f:section>
 
     <f:section name="TopicLink">