diff --git a/meinberlin/react/budgeting/react_proposals_init.jsx b/meinberlin/react/budgeting/react_proposals_init.jsx index 6e2d7ee9b8..f29a16516b 100644 --- a/meinberlin/react/budgeting/react_proposals_init.jsx +++ b/meinberlin/react/budgeting/react_proposals_init.jsx @@ -19,7 +19,7 @@ function init () { - + diff --git a/meinberlin/react/contrib/ControlBar.jsx b/meinberlin/react/contrib/ControlBar.jsx index dedce04dd7..4825cc63fe 100644 --- a/meinberlin/react/contrib/ControlBar.jsx +++ b/meinberlin/react/contrib/ControlBar.jsx @@ -26,7 +26,7 @@ const getResultCountText = (count) => { return django.interpolate(foundProposalsText, [count]) } -export const ControlBar = () => { +export const ControlBar = ({ mapListViewMode }) => { // grab the results for the list from the useFetchedItems hook const { results: { list }, isMapAndList, viewMode } = useFetchedItems() const [expandFilters, setExpandFilters] = useState(true) @@ -196,7 +196,7 @@ export const ControlBar = () => { {isMapAndList &&
- +
} diff --git a/meinberlin/react/contrib/ControlBarListMapSwitch.jsx b/meinberlin/react/contrib/ControlBarListMapSwitch.jsx index 6e2630c390..76e0725df6 100644 --- a/meinberlin/react/contrib/ControlBarListMapSwitch.jsx +++ b/meinberlin/react/contrib/ControlBarListMapSwitch.jsx @@ -11,9 +11,9 @@ const translated = { map: django.gettext('Map') } -export const ControlBarListMapSwitch = () => { +export const ControlBarListMapSwitch = ({ mapListViewMode }) => { const [queryParams, setQueryParams] = useSearchParams() - const viewMode = queryParams.get('mode') || 'list' + const viewMode = queryParams.get('mode') || mapListViewMode || 'list' const handleClick = () => { queryParams.set('mode', viewMode === 'list' ? 'map' : 'list') diff --git a/meinberlin/react/contrib/map/ListMapView.jsx b/meinberlin/react/contrib/map/ListMapView.jsx index 3a6bddddd6..567fb1af0a 100644 --- a/meinberlin/react/contrib/map/ListMapView.jsx +++ b/meinberlin/react/contrib/map/ListMapView.jsx @@ -11,10 +11,10 @@ import { MapWithMarkers } from './Map' * @param {Object} map - props that are passed to the Map component. * @param {string} listStr - accessible text for the list */ -export const ListMapView = ({ map, listStr }) => { +export const ListMapView = ({ map, listStr, mode }) => { const [queryParams] = useSearchParams() const { results } = useFetchedItems() - const viewMode = queryParams.get('mode') || 'list' + const viewMode = queryParams.get('mode') || mode || 'list' const switchDisplays = () => { if (viewMode === 'map') { @@ -34,7 +34,7 @@ export const ListMapView = ({ map, listStr }) => { return ( <>
- +
{switchDisplays()} diff --git a/meinberlin/react/kiezkasse/react_kiezkasse_proposals_init.jsx b/meinberlin/react/kiezkasse/react_kiezkasse_proposals_init.jsx index ff6ac7fb5d..2f097574ec 100644 --- a/meinberlin/react/kiezkasse/react_kiezkasse_proposals_init.jsx +++ b/meinberlin/react/kiezkasse/react_kiezkasse_proposals_init.jsx @@ -15,7 +15,7 @@ function init () { - + diff --git a/meinberlin/react/mapideas/react_mapideas_init.jsx b/meinberlin/react/mapideas/react_mapideas_init.jsx index a4ac3f28f5..da310c60d3 100644 --- a/meinberlin/react/mapideas/react_mapideas_init.jsx +++ b/meinberlin/react/mapideas/react_mapideas_init.jsx @@ -15,7 +15,7 @@ function init () { - + diff --git a/meinberlin/react/maptopicprio/react_map_topics_init.jsx b/meinberlin/react/maptopicprio/react_map_topics_init.jsx index 5181287201..4191f0f907 100644 --- a/meinberlin/react/maptopicprio/react_map_topics_init.jsx +++ b/meinberlin/react/maptopicprio/react_map_topics_init.jsx @@ -15,7 +15,7 @@ function init () { - +