Added issue article editing

inshapardaz · Aug 11, 2024 · e3dddd5 · e3dddd5
1 parent 272945c
commit e3dddd5
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 17 deletions.
diff --git a/src/components/periodicals/issues/article/issueArticleListItem.jsx b/src/components/periodicals/issues/article/issueArticleListItem.jsx
@@ -15,7 +15,7 @@ import IssueArticleAssignButton from "./issueArticleAssignButton";
 import ArticleStatusButton from "./issueArticleStatusButton";
 
 // ------------------------------------------------------
-const AuthorsList = ({ libraryId, authors, t }) => {
+const AuthorsList = ({ libraryId, authors, t, showName = true }) => {
     if (!authors) return null;
     return (
         <Avatar.Group maxCount="2" size="large">
@@ -24,7 +24,7 @@ const AuthorsList = ({ libraryId, authors, t }) => {
                     key={author.id}
                     libraryId={libraryId}
                     author={author}
-                    showName={true}
+                    showName={showName}
                     t={t} />
             ))}
         </Avatar.Group>
@@ -122,6 +122,7 @@ const IssueArticleListItem = ({
                         description={<AuthorsList
                             libraryId={libraryId}
                             authors={article?.authors}
+                            showName={false}
                             t={t}
                         />}
                         avatar={

diff --git a/src/domain/bookService.js b/src/domain/bookService.js
@@ -1,21 +1,44 @@
 import { axiosPrivate } from "/src/util/axios.helpers";
 
 const addChapterContent = ({ chapter, language, payload }) => {
-  return axiosPrivate.post(chapter.links.add_content, payload, {
-    headers: {
-      "Content-Type": "application/json",
-      "Content-Language": language || "en-US",
-    },
-  });
+    return axiosPrivate.post(chapter.links.add_content, payload, {
+        headers: {
+            "Content-Type": "application/json",
+            "Content-Language": language || "en-US",
+        },
+    });
 };
 
 const updateChapterContent = ({ chapterContent, language, payload }) => {
-  return axiosPrivate.put(chapterContent.links.update, payload, {
-    headers: {
-      "Content-Type": "application/json",
-      "Content-Language": language || "en-US",
-    },
-  });
+    return axiosPrivate.put(chapterContent.links.update, payload, {
+        headers: {
+            "Content-Type": "application/json",
+            "Content-Language": language || "en-US",
+        },
+    });
 };
 
-export { addChapterContent, updateChapterContent };
+const addIssueArticleContent = ({ article, language, payload }) => {
+    return axiosPrivate.post(article.links.add_content, payload, {
+        headers: {
+            "Content-Type": "application/json",
+            "Content-Language": language || "en-US",
+        },
+    });
+};
+
+const updateIssueArticleContent = ({ articleContent, language, payload }) => {
+    return axiosPrivate.put(articleContent.links.update, payload, {
+        headers: {
+            "Content-Type": "application/json",
+            "Content-Language": language || "en-US",
+        },
+    });
+};
+
+export {
+    addChapterContent,
+    updateChapterContent,
+    addIssueArticleContent,
+    updateIssueArticleContent,
+};
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -38,6 +38,7 @@ import IssueEditPage from "./periodicals/issues/edit";
 import IssuePage from "./periodicals/issues/index";
 import IssuePageEditPage from "./periodicals/issues/pages/edit";
 import IssueProcessPage from "./periodicals/issues/process";
+import EditIssueArticle from "./periodicals/issues/article/edit";
 
 export {
     Home,
@@ -80,4 +81,5 @@ export {
     IssuePage,
     IssuePageEditPage,
     IssueProcessPage,
+    EditIssueArticle,
 };
diff --git a/src/router/index.js b/src/router/index.js
@@ -42,6 +42,7 @@ import {
     IssuePage,
     IssuePageEditPage,
     IssueProcessPage,
+    EditIssueArticle,
 } from "/src/pages";
 
 import LayoutWithHeader from "/src/components/layout/layoutWithHeader";
@@ -212,6 +213,10 @@ const Router = () => {
                             path="/libraries/:libraryId/periodicals/:periodicalId/volumes/:volumeNumber/issues/:issueNumber/edit"
                             element={<IssueEditPage />}
                         />
+                        <Route
+                            path="/libraries/:libraryId/periodicals/:periodicalId/volumes/:volumeNumber/issues/:issueNumber/articles/:articleNumber/edit"
+                            element={<EditIssueArticle />}
+                        />
                         <Route
                             path="/libraries/:libraryId/periodicals/:periodicalId/volumes/:volumeNumber/issues/:issueNumber"
                             element={<IssuePage />}

diff --git a/src/store/slices/issuesSlice.js b/src/store/slices/issuesSlice.js
@@ -96,7 +96,7 @@ export const issuesApi = createApi({
                 issueNumber,
                 articleNumber,
             }) => ({
-                url: `/libraries/${libraryId}/periodicals/${periodicalId}/volumes/${volumeNumber}/issues/${issueNumber}/article/${articleNumber}`,
+                url: `/libraries/${libraryId}/periodicals/${periodicalId}/volumes/${volumeNumber}/issues/${issueNumber}/articles/${articleNumber}`,
                 method: "get",
             }),
             transformResponse: (response) => parseResponse(response),
@@ -110,7 +110,7 @@ export const issuesApi = createApi({
                 issueNumber,
                 articleNumber,
             }) => ({
-                url: `/libraries/${libraryId}/periodicals/${periodicalId}/volumes/${volumeNumber}/issues/${issueNumber}/article/${articleNumber}/contents`,
+                url: `/libraries/${libraryId}/periodicals/${periodicalId}/volumes/${volumeNumber}/issues/${issueNumber}/articles/${articleNumber}/contents`,
                 method: "get",
             }),
             transformResponse: (response) => parseResponse(response),