diff --git a/next-tavla/src/Admin/scenarios/Edit/index.tsx b/next-tavla/src/Admin/scenarios/Edit/index.tsx index 8288cadd0..77348f2e7 100644 --- a/next-tavla/src/Admin/scenarios/Edit/index.tsx +++ b/next-tavla/src/Admin/scenarios/Edit/index.tsx @@ -11,6 +11,7 @@ import { ToastProvider } from '@entur/alert' import { FloatingButton } from '@entur/button' import { StyledLink } from 'Admin/components/StyledLink' import { ShareTable } from '../ShareTable' +import { ToggleColumns } from '../ToggleColumns' function Edit({ initialSettings, @@ -21,16 +22,14 @@ function Edit({ }) { const [settings, dispatch] = useReducer(settingsReducer, initialSettings) const linkUrl = window.location.host + '/' + documentId - return (
- - +
( + action.tileId, + (tile) => { + return { + ...tile, + columns: { + ...tile.columns, + ...{ [action.column]: action.value }, + }, + } + }, + ) + } } } diff --git a/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx b/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx new file mode 100644 index 000000000..ee54bdee3 --- /dev/null +++ b/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx @@ -0,0 +1,40 @@ +import { Heading3 } from '@entur/typography' +import { useSettingsDispatch } from 'Admin/utils/contexts' +import { DefaultColumns, TColumn } from 'types/column' +import { TTile } from 'types/tile' +import { Switch } from '@entur/form' + +function ToggleColumns({ tile }: { tile: TTile }) { + const dispatch = useSettingsDispatch() + + const optionalColumns: TColumn[] = ['platform', 'via'] + + function handleSwitch(column: TColumn, value: boolean) { + dispatch({ + type: 'setColumn', + column: column, + value: value, + tileId: tile.uuid, + }) + } + const columns = { ...DefaultColumns, ...tile.columns } + return ( +
+ Legg til informasjon + + {optionalColumns.map((col) => { + return ( + handleSwitch(col, !columns[col])} + > + {col} + + ) + })} +
+ ) +} + +export { ToggleColumns } diff --git a/next-tavla/src/Shared/types/column.ts b/next-tavla/src/Shared/types/column.ts index 15af6b24c..983d46f1f 100644 --- a/next-tavla/src/Shared/types/column.ts +++ b/next-tavla/src/Shared/types/column.ts @@ -16,7 +16,7 @@ export const DefaultColumns: TColumnSettings = { platform: false, situations: true, time: true, - via: true, + via: false, } as const export type TColumnSize = { type: TColumn; size: number }