feat(board): adds via destination column for departures (#1093)

* feat(graphql): adds via destination to queried data

* feat(board): adds via column to table view and edit

* fix(via): better coverage for diff arrays fetched from api

* refactor(via): simplifies stringify via destinations

* chore(via): removes redundant styles

next-tavla/codegen.ts

@@ -28,10 +28,10 @@ const config: CodegenConfig = {
         },
     },
     generates: {
-        'src/types/graphql-schema.ts': {
+        'src/Shared/types/graphql-schema.ts': {
             plugins: ['typescript'],
         },
-        'src/graphql/index.ts': {
+        'src/Shared/graphql/index.ts': {
             preset: 'import-types',
             presetConfig: {
                 typesPath: 'types/graphql-schema',

next-tavla/src/Board/scenarios/Table/components/Via/index.tsx

@@ -0,0 +1,15 @@
+import { useNonNullContext } from 'hooks/useNonNullContext'
+import { DepartureContext } from 'Board/scenarios/Table/contexts'
+import { isNotNullOrUndefined } from 'utils/typeguards'
+
+function Via() {
+    const departure = useNonNullContext(DepartureContext)
+
+    const viaDestinations = departure.destinationDisplay?.via
+        ?.filter(isNotNullOrUndefined)
+        .join(', ')
+
+    return <td>{viaDestinations}</td>
+}
+
+export { Via }

next-tavla/src/Board/scenarios/Table/index.tsx

@@ -8,12 +8,14 @@ import { Destination } from './components/Destination'
 import { Line } from './components/Line'
 import { Platform } from './components/Platform'
 import { Situations } from './components/Situations'
+import { Via } from './components/Via'
 
 const columnComponents: Record<TColumn, () => JSX.Element> = {
     destination: Destination,
     line: Line,
     time: Time,
     platform: Platform,
+    via: Via,
     situations: Situations,
 }
 

next-tavla/src/Shared/graphql/fragments/departure.graphql

@@ -4,6 +4,7 @@ fragment departure on EstimatedCall {
     }
     destinationDisplay {
         frontText
+        via
     }
     aimedDepartureTime
     expectedDepartureTime

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

@@ -11,6 +11,7 @@ export type TDepartureFragment = {
     destinationDisplay: {
         __typename?: 'DestinationDisplay'
         frontText: string | null
+        via: Array<string | null> | null
     } | null
     serviceJourney: {
         __typename?: 'ServiceJourney'
@@ -96,6 +97,7 @@ export type TGetQuayQuery = {
             destinationDisplay: {
                 __typename?: 'DestinationDisplay'
                 frontText: string | null
+                via: Array<string | null> | null
             } | null
             serviceJourney: {
                 __typename?: 'ServiceJourney'
@@ -179,6 +181,7 @@ export type TStopPlaceQuery = {
             destinationDisplay: {
                 __typename?: 'DestinationDisplay'
                 frontText: string | null
+                via: Array<string | null> | null
             } | null
             serviceJourney: {
                 __typename?: 'ServiceJourney'
@@ -273,6 +276,7 @@ export const DepartureFragment = new TypedDocumentString(
   }
   destinationDisplay {
     frontText
+    via
   }
   aimedDepartureTime
   expectedDepartureTime
@@ -341,6 +345,7 @@ export const GetQuayQuery = new TypedDocumentString(`
   }
   destinationDisplay {
     frontText
+    via
   }
   aimedDepartureTime
   expectedDepartureTime
@@ -413,6 +418,7 @@ export const StopPlaceQuery = new TypedDocumentString(`
   }
   destinationDisplay {
     frontText
+    via
   }
   aimedDepartureTime
   expectedDepartureTime

next-tavla/src/Shared/types/tile.ts

@@ -6,6 +6,7 @@ export const Columns = {
     platform: 'Plattform',
     time: 'Avgangstid',
     situations: 'Avvik',
+    via: 'Via',
 } as const
 
 export type TColumn = keyof typeof Columns