remove units for non-speed live traffic properties in tile popup (#316)

Author: chrstnbwnkl

src/components/map/parts/tiles-property.spec.tsx

@@ -164,6 +164,19 @@ describe('TilesProperty', () => {
     });
   });
 
+  describe('live traffic breakpoints and congestion', () => {
+    it('should show speed without km/h unit', () => {
+      render(
+        <TilesProperty
+          propertyKey="live_traffic:forward:congestion0"
+          value={50}
+        />
+      );
+      expect(screen.getByText('50')).toBeInTheDocument();
+      expect(screen.queryByText('km/h')).not.toBeInTheDocument();
+    });
+  });
+
   describe('slope values', () => {
     it('should show slope with degree unit', () => {
       render(<TilesProperty propertyKey="max_up_slope" value={5} />);

src/components/map/parts/tiles-property.tsx

@@ -88,7 +88,10 @@ export function TilesProperty({
     );
   }
 
-  if (propertyKey.includes('speed')) {
+  if (
+    propertyKey.includes('speed') &&
+    !(propertyKey.includes('congestion') || propertyKey.includes('breakpoint'))
+  ) {
     return (
       <span className="font-mono text-xs">
         {String(value)}