Add stories moderation

src/commons/application/ApplicationTypes.ts

@@ -548,7 +548,12 @@ export const defaultSession: SessionState = {
 };
 
 export const defaultStories: StoriesState = {
-  storyList: [],
+  storyLists: {
+    draft: [],
+    pending: [],
+    rejected: [],
+    published: []
+  },
   currentStoryId: null,
   currentStory: null,
   envs: {}

src/commons/sagas/StoriesSaga.ts

@@ -19,6 +19,8 @@ import {
   SET_CURRENT_STORY_ID,
   StoryData,
   StoryListView,
+  StoryListViews,
+  StoryStatus,
   StoryView
 } from 'src/features/stories/StoriesTypes';
 
@@ -33,11 +35,34 @@ import { safeTakeEvery as takeEvery } from './SafeEffects';
 export function* storiesSaga(): SagaIterator {
   yield takeLatest(GET_STORIES_LIST, function* () {
     const tokens: Tokens = yield selectTokens();
-    const allStories: StoryListView[] = yield call(async () => {
-      const resp = await getStories(tokens);
+
+    const draftStories: StoryListView[] = yield call(async () => {
+      const resp = await getStories(tokens, StoryStatus.Draft);
+      return resp ?? [];
+    });
+
+    const pendingStories: StoryListView[] = yield call(async () => {
+      const resp = await getStories(tokens, StoryStatus.Pending);
+      return resp ?? [];
+    });
+
+    const rejectedStories: StoryListView[] = yield call(async () => {
+      const resp = await getStories(tokens, StoryStatus.Rejected);
+      return resp ?? [];
+    });
+
+    const publishedStories: StoryListView[] = yield call(async () => {
+      const resp = await getStories(tokens, StoryStatus.Published);
       return resp ?? [];
     });
 
+    const allStories: StoryListViews = {
+      draft: draftStories,
+      pending: pendingStories,
+      rejected: rejectedStories,
+      published: publishedStories
+    };
+
     yield put(actions.updateStoriesList(allStories));
   });
 
@@ -55,7 +80,9 @@ export function* storiesSaga(): SagaIterator {
         const defaultStory: StoryData = {
           title: '',
           content: defaultStoryContent,
-          pinOrder: null
+          pinOrder: null,
+          status: StoryStatus.Draft,
+          statusMessage: ''
         };
         yield put(actions.setCurrentStory(defaultStory));
       }
@@ -98,7 +125,9 @@ export function* storiesSaga(): SagaIterator {
       id,
       story.title,
       story.content,
-      story.pinOrder
+      story.pinOrder,
+      story.status,
+      story.statusMessage
     );
 
     // TODO: Check correctness

src/features/stories/StoriesActions.ts

@@ -21,7 +21,7 @@ import {
   SET_CURRENT_STORY,
   SET_CURRENT_STORY_ID,
   StoryData,
-  StoryListView,
+  StoryListViews,
   StoryParams,
   TOGGLE_STORIES_USING_SUBST,
   UPDATE_STORIES_LIST
@@ -70,7 +70,7 @@ export const toggleStoriesUsingSubst = createAction(
 export const getStoriesList = createAction(GET_STORIES_LIST, () => ({ payload: {} }));
 export const updateStoriesList = createAction(
   UPDATE_STORIES_LIST,
-  (storyList: StoryListView[]) => ({ payload: storyList })
+  (storyLists: StoryListViews) => ({ payload: storyLists })
 );
 export const setCurrentStory = createAction(SET_CURRENT_STORY, (story: StoryData | null) => ({
   payload: story

src/features/stories/StoriesReducer.ts

@@ -198,7 +198,7 @@ const oldStoriesReducer: Reducer<StoriesState, SourceActionType> = (
     case UPDATE_STORIES_LIST:
       return {
         ...state,
-        storyList: action.payload
+        storyLists: action.payload
       };
     case SET_CURRENT_STORY_ID:
       return {

src/features/stories/StoriesTypes.ts

@@ -35,10 +35,19 @@ export type StoryData = {
   title: string;
   content: string;
   pinOrder: number | null;
+  status: StoryStatus;
+  statusMessage: string;
 };
 
 export type StoryParams = StoryData;
 
+export enum StoryStatus {
+  Draft = 0,
+  Pending,
+  Rejected,
+  Published
+}
+
 export type StoryListView = StoryData &
   StoryMetadata & {
     id: number;
@@ -69,8 +78,15 @@ export type StoriesAuthState = {
   readonly role?: StoriesRole;
 };
 
+export type StoryListViews = {
+  readonly draft: StoryListView[];
+  readonly pending: StoryListView[];
+  readonly rejected: StoryListView[];
+  readonly published: StoryListView[];
+};
+
 export type StoriesState = {
-  readonly storyList: StoryListView[];
+  readonly storyLists: StoryListViews;
   readonly currentStoryId: number | null;
   readonly currentStory: StoryData | null;
   readonly envs: { [key: string]: StoriesEnvState };

src/features/stories/storiesComponents/BackendAccess.ts

@@ -11,7 +11,7 @@ import { store } from 'src/pages/createStore';
 
 import { Tokens } from '../../../commons/application/types/SessionTypes';
 import { NameUsernameRole } from '../../../pages/academy/adminPanel/subcomponents/AddStoriesUserPanel';
-import { StoryListView, StoryView } from '../StoriesTypes';
+import { StoryListView, StoryStatus, StoryView } from '../StoriesTypes';
 
 // Helpers
 
@@ -75,8 +75,22 @@ export const postNewStoriesUsers = async (
   // TODO: Return response JSON directly.
 };
 
-export const getStories = async (tokens: Tokens): Promise<StoryListView[] | null> => {
-  const resp = await requestStoryBackend(`/groups/${getStoriesGroupId()}/stories`, 'GET', {
+export const getStories = async (
+  tokens: Tokens,
+  status: StoryStatus | null = null
+): Promise<StoryListView[] | null> => {
+  const route =
+    status === StoryStatus.Draft
+      ? '/draft'
+      : status === StoryStatus.Pending
+      ? '/pending'
+      : status === StoryStatus.Rejected
+      ? '/rejected'
+      : status === StoryStatus.Published
+      ? '/published'
+      : '';
+
+  const resp = await requestStoryBackend(`/groups/${getStoriesGroupId()}/stories${route}`, 'GET', {
     ...tokens
   });
   if (!resp) {
@@ -124,10 +138,12 @@ export const updateStory = async (
   id: number,
   title: string,
   content: string,
-  pinOrder: number | null
+  pinOrder: number | null,
+  status: StoryStatus,
+  statusMessage: string
 ): Promise<StoryView | null> => {
   const resp = await requestStoryBackend(`/groups/${getStoriesGroupId()}/stories/${id}`, 'PUT', {
-    body: { title, content, pinOrder },
+    body: { title, content, pinOrder, status, statusMessage },
     ...tokens
   });
   if (!resp) {