feat(edit tile): implements platform dropdown in settings components

entur · Jul 14, 2023 · 94677ef · 94677ef
1 parent 4e76f41
commit 94677ef
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/next-tavla/src/Admin/scenarios/TileSettings/components/PlatformDropdown.tsx b/next-tavla/src/Admin/scenarios/TileSettings/components/PlatformDropdown.tsx
@@ -8,12 +8,12 @@ import { isNotNullOrUndefined } from 'utils/typeguards'
 
 const stopPlaceOption = { value: 'stopPlace', label: 'Vis Alle' } as const
 
-function PlatformDropdown<T extends TTile>({
+function PlatformDropdown({
     stopPlaceId,
     tile,
 }: {
     stopPlaceId: string
-    tile: T
+    tile: TTile
 }) {
     const dispatch = useSettingsDispatch()
 
@@ -55,13 +55,15 @@ function PlatformDropdown<T extends TTile>({
                             type: 'stop_place',
                             placeId: stopPlaceId,
                             uuid: tile.uuid,
+                            columns: tile.columns,
                         })
                     else
                         setTile({
                             type: 'quay',
                             stopPlaceId,
                             placeId: e.value,
                             uuid: tile.uuid,
+                            columns: tile.columns,
                         })
                 }
             }}

diff --git a/next-tavla/src/Admin/scenarios/TileSettings/components/QuaySettings.tsx b/next-tavla/src/Admin/scenarios/TileSettings/components/QuaySettings.tsx
@@ -4,6 +4,7 @@ import { useQuery } from 'graphql/utils'
 import { TQuayTile } from 'types/tile'
 import { fieldsNotNull } from 'utils/typeguards'
 import { TileSettingsWrapper } from './TileSettingsWrapper'
+import { PlatformDropdown } from './PlatformDropdown'
 
 function QuaySettings({ tile }: { tile: TQuayTile }) {
     const { data } = useQuery(GetQuayQuery, { quayId: tile.placeId })
@@ -18,6 +19,7 @@ function QuaySettings({ tile }: { tile: TQuayTile }) {
 
     return (
         <TileSettingsWrapper name={name}>
+            <PlatformDropdown stopPlaceId={tile.stopPlaceId} tile={tile} />
             <SelectLines tile={tile} lines={lines} />
         </TileSettingsWrapper>
     )

diff --git a/next-tavla/src/Admin/scenarios/TileSettings/components/StopPlaceSettings.tsx b/next-tavla/src/Admin/scenarios/TileSettings/components/StopPlaceSettings.tsx
@@ -4,6 +4,7 @@ import { useQuery } from 'graphql/utils'
 import { TStopPlaceTile } from 'types/tile'
 import { fieldsNotNull } from 'utils/typeguards'
 import { TileSettingsWrapper } from './TileSettingsWrapper'
+import { PlatformDropdown } from './PlatformDropdown'
 
 function StopPlaceSettings({ tile }: { tile: TStopPlaceTile }) {
     const { data } = useQuery(StopPlaceSettingsQuery, { id: tile.placeId })
@@ -17,6 +18,7 @@ function StopPlaceSettings({ tile }: { tile: TStopPlaceTile }) {
 
     return (
         <TileSettingsWrapper name={name}>
+            <PlatformDropdown stopPlaceId={tile.placeId} tile={tile} />
             <SelectLines tile={tile} lines={lines} />
         </TileSettingsWrapper>
     )