Clean up sections with text only

Author: Baltazore

app/components/guide-section/subsection.hbs

@@ -1,101 +1,95 @@
 {{#let
   @subsection.id
-  (t (concat @sectionId "." @subsection.id ".title"))
-  (t (concat @sectionId "." @subsection.id ".description") htmlSafe=true)
+  (t (concat @sectionId '.' @subsection.id '.title'))
+  (t (concat @sectionId '.' @subsection.id '.description') htmlSafe=true)
   as |subsectionId subsectionTitle subsectionDescription|
 }}
   <section
-    aria-labelledby="{{@sectionId}}__{{subsectionId}}"
+    aria-labelledby='{{@sectionId}}__{{subsectionId}}'
     data-test-subsection={{subsectionTitle}}
   >
-    <div local-class="title-container">
+    <div local-class='title-container'>
       <h3
-        data-test-field="Subsection Title"
-        id="{{@sectionId}}__{{subsectionId}}"
-        local-class="title"
+        data-test-field='Subsection Title'
+        id='{{@sectionId}}__{{subsectionId}}'
+        local-class='title'
       >
         {{subsectionTitle}}
       </h3>
 
       <a
-        href="#{{@sectionId}}__{{subsectionId}}"
-        local-class="permalink"
+        href='#{{@sectionId}}__{{subsectionId}}'
+        local-class='permalink'
         title={{subsectionTitle}}
       >
-        {{t "component.guide-section.section"}}
+        {{t 'component.guide-section.section'}}
       </a>
     </div>
 
-    <p
-      data-test-field="Subsection Description"
-      local-class="description"
-    >
+    <p data-test-field='Subsection Description' local-class='description'>
       {{subsectionDescription}}
     </p>
 
     <ContainerQuery
-      @features={{hash
-        wide=(width min=900)
-      }}
-      local-class="code-examples-container"
+      @features={{hash wide=(width min=900)}}
+      local-class='code-examples-container'
     >
-      <div
-        data-test-ember-classic
-        local-class="ember-classic"
-      >
-        <h4 local-class="subtitle">
-          {{t "component.guide-section.subsection.classic"}}
-        </h4>
+      {{#if @subsection.classicFiles.length}}
+        <div data-test-ember-classic local-class='ember-classic'>
+          <h4 local-class='subtitle'>
+            {{t 'component.guide-section.subsection.classic'}}
+          </h4>
 
-        {{#each @subsection.classicFiles as |file|}}
-          <div local-class="code-snippet">
-            <CodeSnippet
-              @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
-            />
-          </div>
-        {{/each}}
+          {{#each @subsection.classicFiles as |file|}}
+            <div local-class='code-snippet'>
+              <CodeSnippet
+                @fileName='{{@sectionId}}/{{subsectionId}}/{{file}}'
+              />
+            </div>
+          {{/each}}
 
-        {{#if @subsection.classicDescriptionKey}}
-          <p data-test-general-text>
-            {{t @subsection.classicDescriptionKey htmlSafe=true}}
-          </p>
-        {{/if}}
-      </div>
+          {{#if @subsection.classicDescriptionKey}}
+            <p data-test-general-text>
+              {{t @subsection.classicDescriptionKey htmlSafe=true}}
+            </p>
+          {{/if}}
+        </div>
 
-      <div
-        data-test-ember-octane
-        local-class="ember-octane"
-      >
-        <h4 local-class="subtitle">
-          {{t "component.guide-section.subsection.octane"}}
-        </h4>
+      {{/if}}
+
+      {{#if @subsection.octaneFiles.length}}
+        <div data-test-ember-octane local-class='ember-octane'>
+          <h4 local-class='subtitle'>
+            {{t 'component.guide-section.subsection.octane'}}
+          </h4>
 
-        {{#each @subsection.octaneFiles as |file|}}
-          <div local-class="code-snippet">
-            <CodeSnippet
-              @fileName="{{@sectionId}}/{{subsectionId}}/{{file}}"
-            />
-          </div>
-        {{/each}}
+          {{#each @subsection.octaneFiles as |file|}}
+            <div local-class='code-snippet'>
+              <CodeSnippet
+                @fileName='{{@sectionId}}/{{subsectionId}}/{{file}}'
+              />
+            </div>
+          {{/each}}
 
-        {{#if @subsection.octaneDescriptionKey}}
-          <p data-test-general-text>
-            {{t @subsection.octaneDescriptionKey htmlSafe=true}}
-          </p>
-        {{/if}}
-      </div>
+          {{#if @subsection.octaneDescriptionKey}}
+            <p data-test-general-text>
+              {{t @subsection.octaneDescriptionKey htmlSafe=true}}
+            </p>
+          {{/if}}
+        </div>
+      {{/if}}
     </ContainerQuery>
 
-    <div local-class="edit-link-container">
+    <div local-class='edit-link-container'>
       <a
-        data-test-link="Edit Translation"
-        href="https://github.com/ember-learn/ember-data-request-service-cheat-sheet/edit/main/translations/{{@sectionId}}/{{subsectionId}}/{{this.intl.locale}}.yaml"
-        local-class="edit-link"
-        rel="noopener noreferrer"
-        target="_blank"
+        data-test-link='Edit Translation'
+        href='https://github.com/ember-learn/ember-data-request-service-cheat-sheet/edit/main/translations/{{@sectionId}}/{{subsectionId}}/{{this.intl.locale}}.yaml'
+        local-class='edit-link'
+        rel='noopener noreferrer'
+        target='_blank'
       >
-        {{t "component.guide-section.edit-translation-text"}}
+        {{t 'component.guide-section.edit-translation-text'}}
       </a>
     </div>
   </section>
-{{/let}}
+{{/let}}