feat(tile): add lines to TileSelector

next-tavla/app/(admin)/hooks/useQuaySearch.ts

@@ -7,17 +7,29 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import { countBy } from 'lodash'
 import { getTransportIcon } from 'components/TransportIcon'
 import { useQuery } from 'hooks/useQuery'
+import { TLineFragment } from '../edit/[id]/components/TileCard/types'
 
 function getPlatformLabel(
  index: number,
  publicCode?: string | null,
  description?: string | null,
  directionTypes?: (TDirectionType | null | undefined)[] | null,
+ lines?: TLineFragment[] | null,
 ) {
+ const lineInformation = lines
+ ?.map((line) => line.publicCode)
+ .slice(0, 5)
+ .sort()
+ .join(', ')
+
  if (!publicCode && !description) {
- return `${index + 1} ${getDirection(directionTypes)}`
+ return `${index + 1} ${getDirection(
+ directionTypes,
+ )} (${lineInformation})`
  }
- return [publicCode, description].filter(isNotNullOrUndefined).join(' ')
+ return [publicCode, description, `(${lineInformation})`]
+ .filter(isNotNullOrUndefined)
+ .join(' ')
 }
 
 function getDirection(
@@ -52,6 +64,7 @@ function useQuaySearch(stopPlaceId: string) {
  quay.publicCode,
  quay.description,
  quay.journeyPatterns.map((jp) => jp?.directionType),
+ quay.lines,
  ),
  icons: quay.stopPlace?.transportMode?.map((mode) =>
  getTransportIcon(mode ?? 'unknown'),

next-tavla/src/Shared/graphql/index.ts

@@ -215,6 +215,13 @@ export type TQuaysSearchQuery = {
  __typename?: 'JourneyPattern'
  directionType: Types.TDirectionType | null
  } | null>
+ lines: Array<{
+ __typename?: 'Line'
+ id: string
+ publicCode: string | null
+ name: string | null
+ transportMode: Types.TTransportMode | null
+ }>
  } | null> | null
  } | null
 }
@@ -557,10 +564,18 @@ export const QuaysSearchQuery = new TypedDocumentString(`
  journeyPatterns {
  directionType
  }
+ ...lines
  }
  }
 }
- `) as unknown as TypedDocumentString<
+ fragment lines on Quay {
+ lines {
+ id
+ publicCode
+ name
+ transportMode
+ }
+}`) as unknown as TypedDocumentString<
  TQuaysSearchQuery,
  TQuaysSearchQueryVariables
 >

next-tavla/src/Shared/graphql/queries/quaySearch.graphql

@@ -10,6 +10,7 @@ query quaysSearch($stopPlaceId: String!) {
  journeyPatterns {
  directionType
  }
+ ...lines
  }
  }
 }