automatically show related plannings added to event

atm it's a workaround, but eventually we will need to
get rid of `planning_ids` on event which is computed
on load but without updating event itself it gets
cached.

STT-86

client/actions/agenda.ts

@@ -10,6 +10,7 @@ import {getErrorMessage, gettext, planningUtils} from '../utils';
 import {planning, showModal, main} from './index';
 import {convertStringFields} from '../utils/strings';
 import planningApis from '../actions/planning/api';
+import eventsApis from '../actions/events/api';
 
 const openAgenda = () => (
     (dispatch) => (
@@ -311,6 +312,12 @@ const createPlanningFromEvent = (
 
     return (dispatch) => (
         dispatch(planningApis.save({}, newPlanningItem))
+        .then((planningResponse) => {
+            return dispatch(eventsApis.fetchById(event.guid, {force: true, saveToStore: true, loadPlanning: false}))
+            .then(() => {
+                return planningResponse;
+            });
+        })
     );
 };
 

client/actions/events/api.ts

@@ -317,7 +317,7 @@ const fetchById = (eventId, {force = false, saveToStore = true, loadPlanning = t
         if (has(storedEvents, eventId) && !force) {
             promise = Promise.resolve(storedEvents[eventId]);
         } else {
-            promise = planningApi.events.getById(eventId)
+            promise = planningApi.events.getById(eventId, force ? {cache: false} : undefined)
                 .then((event) => {
                     if (saveToStore) {
                         dispatch(self.receiveEvents([event]));

client/api/events.ts

@@ -7,6 +7,7 @@ import {
     ISearchSpikeState,
     IPlanningConfig,
     IEventUpdateMethod,
+    IGetRequestParams,
 } from '../interfaces';
 import {appConfig as config} from 'appConfig';
 import {IRestApiResponse} from 'superdesk-api';
@@ -70,9 +71,9 @@ export function searchEventsGetAll(params: ISearchParams): Promise<Array<IEventI
     });
 }
 
-export function getEventById(eventId: IEventItem['_id']): Promise<IEventItem> {
+export function getEventById(eventId: IEventItem['_id'], params: IGetRequestParams): Promise<IEventItem> {
     return superdeskApi.dataApi
-        .findOne<IEventItem>('events', eventId)
+        .findOne<IEventItem>('events', eventId + (params?.cache === false ? `?time=${Math.floor(Date.now() / 1000)}` : ''))
         .then(modifyItemForClient);
 }
 

client/interfaces.ts

@@ -2186,14 +2186,18 @@ export interface IEditorAPI {
     };
 }
 
+export interface IGetRequestParams {
+    cache?: boolean;
+}
+
 export interface IPlanningAPI {
     redux: {
         store: Store;
     };
     events: {
         search(params: ISearchParams): Promise<IRestApiResponse<IEventItem>>;
         searchGetAll(params: ISearchParams): Promise<Array<IEventItem>>;
-        getById(eventId: IEventItem['_id']): Promise<IEventItem>;
+        getById(eventId: IEventItem['_id'], params?: IGetRequestParams): Promise<IEventItem>;
         getByIds(eventIds: Array<IEventItem['_id']>, spikeState?: ISearchSpikeState): Promise<Array<IEventItem>>;
         getEditorProfile(): IEventFormProfile;
         getSearchProfile(): IEventSearchProfile;

client/reducers/events.ts

@@ -322,7 +322,7 @@ const eventsReducer = createReducer<IEventState>(initialState, {
     [EVENTS.ACTIONS.EVENT_RECENT_TEMPLATES]: (state, payload) => ({
         ...state,
         recentEventTemplates: payload,
-    })
+    }),
 });
 
 const onEventPostChanged = (state, payload) => {