URL Management control panel: show errors from CSV upload (#6473)

plone · Nov 5, 2024 · d6f2b46 · d6f2b46
1 parent 0a7bd48
commit d6f2b46
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/volto/news/6473.bugfix b/packages/volto/news/6473.bugfix
@@ -0,0 +1 @@
+URL Management control panel: Show errors from a failed CSV upload. @davisagli
diff --git a/packages/volto/src/components/manage/Controlpanels/Aliases.jsx b/packages/volto/src/components/manage/Controlpanels/Aliases.jsx
@@ -156,6 +156,7 @@ const Aliases = (props) => {
   const [editingData, setEditingData] = useState(null);
   const [uploadModalOpen, setUploadModalOpen] = useState(false);
   const [uploadError, setUploadError] = useState(null);
+  const [csvErrors, setCSVErrors] = useState([]);
   const isClient = useClient();
 
   const updateResults = useCallback(() => {
@@ -273,6 +274,7 @@ const Aliases = (props) => {
           .then(() => {
             updateResults();
             setUploadError(null);
+            setCSVErrors([]);
             setUploadModalOpen(false);
             toast.success(
               <Toast
@@ -284,6 +286,7 @@ const Aliases = (props) => {
           })
           .catch((error) => {
             setUploadError(error.response?.body?.message);
+            setCSVErrors(error.response?.body?.csv_errors ?? []);
           });
       });
   };
@@ -388,6 +391,20 @@ const Aliases = (props) => {
                               /people/JoeT,/Users/joe-thurston,2018-12-31,false
                             </code>
                           </p>
+                          {csvErrors.length ? (
+                            <div
+                              className="ui error message"
+                              style={{ 'overflow-x': 'auto' }}
+                            >
+                              <pre>
+                                Errors:{'\n'}
+                                {csvErrors.map(
+                                  (err) =>
+                                    `${err.line_number}: ${err.line} - ${err.message}\n`,
+                                )}
+                              </pre>
+                            </div>
+                          ) : null}
                         </>
                       }
                       schema={{