Add stories moderation

src/commons/application/ApplicationTypes.ts

@@ -546,7 +546,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

@@ -9,7 +9,13 @@ import {
   postStory,
   updateStory
 } from 'src/features/stories/storiesComponents/BackendAccess';
-import { StoryData, StoryListView, StoryView } from 'src/features/stories/StoriesTypes';
+import {
+  StoryData,
+  StoryListView,
+  StoryListViews,
+  StoryStatus,
+  StoryView
+} from 'src/features/stories/StoriesTypes';
 
 import { OverallState, StoriesRole } from '../application/ApplicationTypes';
 import { Tokens } from '../application/types/SessionTypes';
@@ -25,11 +31,34 @@ const StoriesSaga = combineSagaHandlers(StoriesActions, {
   // TODO: This should be using `takeLatest`, not `takeEvery`
   getStoriesList: 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));
   },
   setCurrentStoryId: function* (action) {
@@ -42,7 +71,9 @@ const StoriesSaga = combineSagaHandlers(StoriesActions, {
       const defaultStory: StoryData = {
         title: '',
         content: defaultStoryContent,
-        pinOrder: null
+        pinOrder: null,
+        status: StoryStatus.Draft,
+        statusMessage: ''
       };
       yield put(actions.setCurrentStory(defaultStory));
     }
@@ -82,7 +113,9 @@ const StoriesSaga = combineSagaHandlers(StoriesActions, {
       id,
       story.title,
       story.content,
-      story.pinOrder
+      story.pinOrder,
+      story.status,
+      story.statusMessage
     );
 
     // TODO: Check correctness

src/features/stories/StoriesActions.ts

@@ -9,7 +9,7 @@ import {
   SET_CURRENT_STORIES_GROUP,
   SET_CURRENT_STORIES_USER,
   StoryData,
-  StoryListView,
+  StoryListViews,
   StoryParams
 } from './StoriesTypes';
 
@@ -31,7 +31,7 @@ const newActions = createActions('stories', {
 
   // New action creators post-refactor
   getStoriesList: () => ({}),
-  updateStoriesList: (storyList: StoryListView[]) => storyList,
+  updateStoriesList: (storyLists: StoryListViews) => storyLists,
   setCurrentStory: (story: StoryData | null) => story,
   setCurrentStoryId: (id: number | null) => id,
   createStory: (story: StoryParams) => story,

src/features/stories/StoriesReducer.ts

@@ -153,7 +153,7 @@ const newStoriesReducer = createReducer(defaultStories, builder => {
     })
     // New cases post-refactor
     .addCase(updateStoriesList, (state, action) => {
-      state.storyList = action.payload;
+      state.storyLists = action.payload;
     })
     .addCase(setCurrentStoryId, (state, action) => {
       state.currentStoryId = action.payload;

src/features/stories/StoriesTypes.ts

@@ -19,10 +19,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;
@@ -53,8 +62,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) {