Always open series details modal on the first page again

Due to the previous commit, the current modal page is no longer local state
that is cleaned up when the series details modal is unmounted.

src/components/events/partials/EventActionCell.tsx

@@ -8,6 +8,7 @@ import SeriesDetailsModal from "./modals/SeriesDetailsModal";
 import { EventDetailsPage } from "./modals/EventDetails";
 import { useAppDispatch, useAppSelector } from "../../../store";
 import {
+	openModal as openSeriesModal,
 	fetchSeriesDetailsAcls,
 	fetchSeriesDetailsFeeds,
 	fetchSeriesDetailsMetadata,
@@ -16,7 +17,7 @@ import {
 } from "../../../slices/seriesDetailsSlice";
 import { Event, deleteEvent } from "../../../slices/eventSlice";
 import { Tooltip } from "../../shared/Tooltip";
-import { openModal } from "../../../slices/eventDetailsSlice";
+import { openModal as openEventModal } from "../../../slices/eventDetailsSlice";
 
 /**
  * This component renders the action cells of events in the table view
@@ -67,24 +68,26 @@ const EventActionCell = ({
 			await dispatch(fetchSeriesDetailsTheme(row.series.id));
 			await dispatch(fetchSeriesDetailsThemeNames());
 
+			dispatch(openSeriesModal());
+
 			showSeriesDetailsModal();
 		}
 	};
 
 	const onClickEventDetails = () => {
-		dispatch(openModal(EventDetailsPage.Metadata, row));
+		dispatch(openEventModal(EventDetailsPage.Metadata, row));
 	};
 
 	const onClickComments = () => {
-		dispatch(openModal(EventDetailsPage.Comments, row));
+		dispatch(openEventModal(EventDetailsPage.Comments, row));
 	};
 
 	const onClickWorkflow = () => {
-		dispatch(openModal(EventDetailsPage.Workflow, row));
+		dispatch(openEventModal(EventDetailsPage.Workflow, row));
 	};
 
 	const onClickAssets = () => {
-		dispatch(openModal(EventDetailsPage.Assets, row));
+		dispatch(openEventModal(EventDetailsPage.Assets, row));
 	};
 
 	return (

src/components/events/partials/SeriesActionsCell.tsx

@@ -9,6 +9,7 @@ import {
 	fetchSeriesDetailsMetadata,
 	fetchSeriesDetailsTheme,
 	fetchSeriesDetailsTobira,
+	openModal,
 } from "../../../slices/seriesDetailsSlice";
 import { getUserInformation } from "../../../selectors/userInfoSelectors";
 import { hasAccess } from "../../../utils/utils";
@@ -69,6 +70,8 @@ const SeriesActionsCell = ({
 		await dispatch(fetchSeriesDetailsThemeNames());
 		await dispatch(fetchSeriesDetailsTobira(row.id));
 
+		dispatch(openModal());
+
 		setSeriesDetailsModal(true);
 	};
 

src/slices/seriesDetailsSlice.ts

@@ -20,6 +20,7 @@ import { Statistics, fetchStatistics, fetchStatisticsValueUpdate } from './stati
 import { Ace } from './aclSlice';
 import { TransformedAcl } from './aclDetailsSlice';
 import { MetadataCatalog } from './eventSlice';
+import { AppDispatch } from '../store';
 
 /**
  * This file contains redux reducer for actions affecting the state of a series
@@ -30,12 +31,12 @@ export type Feed = {
 	version: string,
 }
 
+
 // Contains the navigation logic for the modal
 type SeriesDetailsModal = {
 	page: number,
 }
 
-
 type SeriesDetailsState = {
 	statusMetadata: 'uninitialized' | 'loading' | 'succeeded' | 'failed',
 	errorMetadata: SerializedError | null,
@@ -115,6 +116,10 @@ const initialState: SeriesDetailsState = {
 	},
 };
 
+export const openModal = () => (dispatch: AppDispatch) => {
+	dispatch(setModalPage(0));
+};
+
 // fetch metadata of certain series from server
 export const fetchSeriesDetailsMetadata = createAppAsyncThunk('seriesDetails/fetchSeriesDetailsMetadata', async (id: string, { rejectWithValue }) => {
 	const res = await axios.get(`/admin-ng/series/${id}/metadata.json`);