Transit alerts: omit colon if no body

This makes sure we don't show a colon unless there's both a header and a body. Addresses part of #258
bikehopper · Aug 22, 2024 · 694beb4 · 694beb4
1 parent e6737dd
commit 694beb4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/ItineraryHeader.css b/src/components/ItineraryHeader.css
@@ -78,7 +78,7 @@
   font-weight: bold;
 }
 
-.ItineraryHeader_alertHeader::after {
+.ItineraryHeader_alertHeader__hasBody::after {
   content: ': ';
 }
 

diff --git a/src/components/ItineraryHeader.tsx b/src/components/ItineraryHeader.tsx
@@ -106,7 +106,12 @@ export default function ItineraryHeader({
               </Icon>
               {alertHeader && (
                 <>
-                  <span className="ItineraryHeader_alertHeader">
+                  <span
+                    className={classnames({
+                      ItineraryHeader_alertHeader: true,
+                      ItineraryHeader_alertHeader__hasBody: !!alertBody,
+                    })}
+                  >
                     {alertHeader}
                   </span>
                   <div />