fix error output

src/client/js/components/ArchiveCreateModal.jsx

@@ -216,6 +216,7 @@ const ArchiveCreateModal = (props) => {
         </div>
       </ModalBody>
       <ModalFooter>
+        {props.ArchiveError}
         <button type="button" className="btn btn-primary" onClick={done}>
           Done
         </button>
@@ -232,6 +233,7 @@ ArchiveCreateModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func,
   path: PropTypes.string.isRequired,
+  ArchiveError: PropTypes.string,
 };
 
 

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

@@ -22,6 +22,8 @@ const PageShareManagement = (props) => {
 
   const [isArchiveCreateModalShown, setIsArchiveCreateModalShown] = useState(false);
 
+  const [ArchiveError, setArchiveError] = useState(false);
+
   function openOutsideShareLinkModalHandler() {
     setIsOutsideShareLinkModalShown(true);
   }
@@ -30,6 +32,10 @@ const PageShareManagement = (props) => {
     setIsOutsideShareLinkModalShown(false);
   }
 
+  function getArchiveError() {
+    setArchiveError('ページの取得に失敗しました');
+  }
+
 
   async function getExportPageFile(type) {
     try {
@@ -45,8 +51,8 @@ const PageShareManagement = (props) => {
     try {
       await appContainer.apiv3Get('page/archive', { pageId });
     }
-    catch (e) {
-      toastError(e);
+    catch (err) {
+      getArchiveError();
     }
   }
 
@@ -82,6 +88,7 @@ const PageShareManagement = (props) => {
           isOpen={isArchiveCreateModalShown}
           onClose={closeArchiveCreateModalHandler}
           path={path}
+          errorMessage={ArchiveError}
         />
       </>
     );