Remove now unneeded styled span

bbc · Oct 13, 2021 · 5785dbd · 5785dbd
1 parent e3acfd6
commit 5785dbd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 40 deletions.
diff --git a/packages/components/psammead-story-promo/src/IndexAlsos/__snapshots__/index.test.jsx.snap b/packages/components/psammead-story-promo/src/IndexAlsos/__snapshots__/index.test.jsx.snap
@@ -116,10 +116,6 @@ exports[`Index Alsos should render multiple correctly 1`] = `
   height: 0.75rem;
 }
 
-.emotion-18 {
-  display: inline;
-}
-
 <div>
   <div
     class="emotion-0 emotion-1"
@@ -173,9 +169,7 @@ exports[`Index Alsos should render multiple correctly 1`] = `
             >
               video, 
             </span>
-            <span
-              class="emotion-18 emotion-19"
-            >
+            <span>
               APC ba ta isa ta kore ni ba – Buba Galadima
             </span>
           </span>
@@ -189,9 +183,7 @@ exports[`Index Alsos should render multiple correctly 1`] = `
           class="emotion-8 emotion-9"
           href="/hausa/labarai-42837051"
         >
-          <span
-            class="emotion-18 emotion-19"
-          >
+          <span>
             Yaushe Obasanjo ya fara yi wa shugabannin kasa baki?
           </span>
         </a>
@@ -311,10 +303,6 @@ exports[`Index Alsos should render one correctly 1`] = `
   height: 0.75rem;
 }
 
-.emotion-16 {
-  display: inline;
-}
-
 <div>
   <div
     class="emotion-0 emotion-1"
@@ -363,9 +351,7 @@ exports[`Index Alsos should render one correctly 1`] = `
           >
             video, 
           </span>
-          <span
-            class="emotion-16 emotion-17"
-          >
+          <span>
             APC ba ta isa ta kore ni ba – Buba Galadima
           </span>
         </span>

diff --git a/packages/components/psammead-story-promo/src/IndexAlsos/index.jsx b/packages/components/psammead-story-promo/src/IndexAlsos/index.jsx
@@ -26,10 +26,6 @@ const StyledIndexAlsosUl = styled.ul`
   margin: 0;
 `;
 
-const IndexAlsosText = styled.span`
-  display: inline;
-`;
-
 const StyledIndexAlsosLink = styled.a`
   ${({ script }) => script && getBrevier(script)};
   ${({ service }) => getSerifMedium(service)}
@@ -65,11 +61,11 @@ const IndexAlsosLink = ({
           {mediaIndicator}
           <span role="text">
             <VisuallyHiddenText>{`${mediaType}, `}</VisuallyHiddenText>
-            <IndexAlsosText>{children}</IndexAlsosText>
+            <span>{children}</span>
           </span>
         </>
       ) : (
-        <IndexAlsosText>{children}</IndexAlsosText>
+        <span>{children}</span>
       )}
     </StyledIndexAlsosLink>
   );

diff --git a/packages/components/psammead-story-promo/src/__snapshots__/index.test.jsx.snap b/packages/components/psammead-story-promo/src/__snapshots__/index.test.jsx.snap
@@ -1464,10 +1464,6 @@ exports[`StoryPromo - Top Story should render with multiple Index Alsos correctl
   height: 0.75rem;
 }
 
-.emotion-32 {
-  display: inline;
-}
-
 <div>
   <div
     class="emotion-0 emotion-1"
@@ -1559,9 +1555,7 @@ exports[`StoryPromo - Top Story should render with multiple Index Alsos correctl
                 >
                   video, 
                 </span>
-                <span
-                  class="emotion-32 emotion-33"
-                >
+                <span>
                   APC ba ta isa ta kore ni ba – Buba Galadima
                 </span>
               </span>
@@ -1575,9 +1569,7 @@ exports[`StoryPromo - Top Story should render with multiple Index Alsos correctl
               class="emotion-22 emotion-23"
               href="/hausa/labarai-42837051"
             >
-              <span
-                class="emotion-32 emotion-33"
-              >
+              <span>
                 Yaushe Obasanjo ya fara yi wa shugabannin kasa baki?
               </span>
             </a>
@@ -1887,10 +1879,6 @@ exports[`StoryPromo - Top Story should render with one Index Also correctly 1`]
   height: 0.75rem;
 }
 
-.emotion-30 {
-  display: inline;
-}
-
 <div>
   <div
     class="emotion-0 emotion-1"
@@ -1977,9 +1965,7 @@ exports[`StoryPromo - Top Story should render with one Index Also correctly 1`]
               >
                 video, 
               </span>
-              <span
-                class="emotion-30 emotion-31"
-              >
+              <span>
                 APC ba ta isa ta kore ni ba – Buba Galadima
               </span>
             </span>