adding error handling

src/client/js/components/Page/PageManagement.jsx

@@ -18,12 +18,11 @@ const PageManagement = (props) => {
 
   const { currentUser } = appContainer;
   const isTopPagePath = isTopPage(path);
-
   const [isPageRenameModalShown, setIsPageRenameModalShown] = useState(false);
   const [isPageDuplicateModalShown, setIsPageDuplicateModalShown] = useState(false);
   const [isPageTemplateModalShown, setIsPageTempleteModalShown] = useState(false);
   const [isPageDeleteModalShown, setIsPageDeleteModalShown] = useState(false);
-  const [duplicateModalPath, setDuplicateModalPath] = useState(false);
+  const [duplicateModalPaths, setDuplicateModalPaths] = useState(false);
 
   function openPageRenameModalHandler() {
     setIsPageRenameModalShown(true);
@@ -35,8 +34,13 @@ const PageManagement = (props) => {
 
   async function openPageDuplicateModalHandler() {
     setIsPageDuplicateModalShown(true);
-    const res = await appContainer.apiv3Get('/pages/duplicate', { path });
-    setDuplicateModalPath(res.data.duplicatePath);
+    try {
+      const res = await appContainer.apiv3Get('/pages/duplicate', { path });
+      setDuplicateModalPaths(res.data.duplicatePaths);
+    }
+    catch (err) {
+      console.log('エラーやで');
+    }
   }
 
   function closePageDuplicateModalHandler() {
@@ -97,7 +101,7 @@ const PageManagement = (props) => {
         <PageDuplicateModal
           isOpen={isPageDuplicateModalShown}
           onClose={closePageDuplicateModalHandler}
-          pageDuplicateModalPath={duplicateModalPath}
+          pageDuplicateModalPaths={duplicateModalPaths}
         />
         <CreateTemplateModal
           isOpen={isPageTemplateModalShown}

src/client/js/components/PageDuplicateModal.jsx

@@ -108,7 +108,11 @@ const PageDuplicateModal = (props) => {
         </div>
       </ModalBody>
       <ModalFooter>
-        <ApiErrorMessage errorCode={errorCode} errorMessage={errorMessage} targetPath={pageNameInput} />
+        <ApiErrorMessage
+          errorCode={errorCode}
+          errorMessage={errorMessage}
+          targetPath={pageNameInput}
+        />
         <button type="button" className="btn btn-primary" onClick={duplicate}>
           Duplicate page
         </button>
@@ -131,7 +135,7 @@ PageDuplicateModal.propTypes = {
 
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
-  pageDuplicateModalPath: PropTypes.array,
+  pageDuplicateModalPaths: PropTypes.array,
 };
 
 export default withTranslation()(PageDuplicateModallWrapper);

src/server/routes/apiv3/pages.js

@@ -82,13 +82,13 @@ module.exports = (crowi) => {
     }
   });
 
-  router.get('/duplicate', async(req, res) => {
+  router.get('/duplicate', loginRequired, async(req, res) => {
     const { path } = req.query;
     const searchWord = new RegExp(`^${path}`);
-    const duplicateData = await Page.find({ path: { $in: searchWord } });
-    const duplicatePath = duplicateData.map(element => element.path);
-    console.log(duplicatePath);
-    return res.apiv3({ duplicatePath });
+    const duplicateData = await Page.find({ path: searchWord });
+    const duplicatePaths = duplicateData.map(element => element.path);
+    console.log(duplicatePaths);
+    return res.apiv3({ duplicatePaths });
   });
 
   return router;