Show submission errors in tag/studio forms (stashapp#402)

feederbox826 · Nov 15, 2023 · 705bf1a · 705bf1a
1 parent 0faa3ab
commit 705bf1a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/frontend/src/pages/studios/StudioAdd.tsx b/frontend/src/pages/studios/StudioAdd.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, useState } from "react";
 import { useHistory } from "react-router-dom";
 
 import {
@@ -12,10 +12,13 @@ import StudioForm from "./studioForm";
 
 const StudioAdd: FC = () => {
   const history = useHistory();
+  const [submissionError, setSubmissionError] = useState("");
   const [insertStudioEdit, { loading: saving }] = useStudioEdit({
     onCompleted: (data) => {
+      if (submissionError) setSubmissionError("");
       if (data.studioEdit.id) history.push(editHref(data.studioEdit));
     },
+    onError: (error) => setSubmissionError(error.message),
   });
 
   const doInsert = (insertData: StudioEditDetailsInput, editNote: string) => {
@@ -37,6 +40,11 @@ const StudioAdd: FC = () => {
       <h3>Add new studio</h3>
       <hr />
       <StudioForm callback={doInsert} saving={saving} />
+      {submissionError && (
+        <div className="text-danger text-end col-9">
+          Error: {submissionError}
+        </div>
+      )}
     </div>
   );
 };

diff --git a/frontend/src/pages/tags/TagAdd.tsx b/frontend/src/pages/tags/TagAdd.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, useState } from "react";
 import { useHistory } from "react-router-dom";
 
 import { useTagEdit, OperationEnum, TagEditDetailsInput } from "src/graphql";
@@ -8,10 +8,13 @@ import TagForm from "./tagForm";
 
 const TagAddComponent: FC = () => {
   const history = useHistory();
+  const [submissionError, setSubmissionError] = useState("");
   const [insertTagEdit, { loading: saving }] = useTagEdit({
     onCompleted: (data) => {
+      if (submissionError) setSubmissionError("");
       if (data.tagEdit.id) history.push(editHref(data.tagEdit));
     },
+    onError: (error) => setSubmissionError(error.message),
   });
 
   const doInsert = (insertData: TagEditDetailsInput, editNote: string) => {
@@ -33,6 +36,11 @@ const TagAddComponent: FC = () => {
       <h3>Add new tag</h3>
       <hr />
       <TagForm callback={doInsert} saving={saving} />
+      {submissionError && (
+        <div className="text-danger text-end col-9">
+          Error: {submissionError}
+        </div>
+      )}
     </div>
   );
 };