fix(edit): remove duplicates of bus icon in dropdown and in tilecard (#…

…1646)

* fix(edit): remove duplicates of bus icon in dropdown and in tilecard

* chore(edit): separate uniqTransportModes into own variable

tavla/app/(admin)/edit/[id]/components/TileCard/index.tsx

@@ -190,6 +190,10 @@ function TileCard({
         setDemoBoard && setDemoBoard({ ...demoBoard, tiles: remainingTiles })
     }
 
+    const uniqTransportModeIcons = transportModes
+        .filter((tm) => !(tm === 'coach' && transportModes.includes('bus')))
+        .map((tm) => <TransportIcon transportMode={tm} key={tm} />)
+
     return (
         <div>
             <div className="flex flex-row">
@@ -203,9 +207,7 @@ function TileCard({
                             {tile.displayName ?? tile.name}
                         </Heading3>
                         <div className="hidden sm:flex flex-row gap-4 h-8">
-                            {transportModes.map((tm) => (
-                                <TransportIcon transportMode={tm} key={tm} />
-                            ))}
+                            {uniqTransportModeIcons}
                         </div>
                     </div>
 

tavla/app/(admin)/utils/fetch.ts

@@ -2,6 +2,7 @@ import { COUNTY_ENDPOINT, GEOCODER_ENDPOINT, CLIENT_NAME } from 'assets/env'
 import { NormalizedDropdownItemType } from '@entur/dropdown'
 import { TCategory, getIcons } from '../edit/utils'
 import { TLocation } from 'types/meta'
+import { uniq } from 'lodash'
 
 type TPartialGeoResponse = {
     features: Array<{
@@ -70,7 +71,7 @@ export async function fetchStopPlaces(
             return data.features.map(({ properties }) => ({
                 value: properties.id ?? '',
                 label: properties.label || '',
-                icons: getIcons(properties.layer, properties.category),
+                icons: uniq(getIcons(properties.layer, properties.category)),
             }))
         })
 }