Fix archive button saving issue (#217)

* fix archive button saving issue * fix style errors --------- Co-authored-by: axgu <86838870+axgu@users.noreply.github.com>
ScottyLabs · Mar 23, 2024 · 529aa82 · 529aa82
1 parent 51361cc
commit 529aa82
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/client/src/components/ArchiveButton.tsx b/client/src/components/ArchiveButton.tsx
@@ -9,6 +9,7 @@ type Props = {
   // eslint-disable-next-line @typescript-eslint/ban-types
   fetchItems: Function;
   disabled: boolean;
+  handleSubmit: () => void;
 };
 
 function exampleReducer(dispatchState: any, action: any) {
@@ -26,7 +27,12 @@ function exampleReducer(dispatchState: any, action: any) {
   }
 }
 
-const ArchiveButton: React.FC<Props> = ({ id, fetchItems, disabled }) => {
+const ArchiveButton: React.FC<Props> = ({
+  id,
+  fetchItems,
+  disabled,
+  handleSubmit,
+}) => {
   const [dispatchState, dispatch] = React.useReducer(exampleReducer, {
     closeOnEscape: false,
     closeOnDimmerClick: false,
@@ -73,6 +79,7 @@ const ArchiveButton: React.FC<Props> = ({ id, fetchItems, disabled }) => {
             <p>Are you sure you wish to archive this item?</p>
             <Button
               onClick={() => {
+                handleSubmit();
                 axios
                   .post("/api/items/archive", {
                     token: localStorage.getItem("lnf_token"),

diff --git a/client/src/components/EditItem.tsx b/client/src/components/EditItem.tsx
@@ -188,8 +188,7 @@ function EditItem(props: {
     });
   };
 
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
+  const handleSubmitHelper = () => {
     const {
       date,
       name,
@@ -283,6 +282,11 @@ function EditItem(props: {
     );
   };
 
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    handleSubmitHelper();
+  };
+
   const isAdmin = props.user?.permissions.some((value) =>
     value.includes(PermissionType.ADMIN)
   );
@@ -479,6 +483,7 @@ function EditItem(props: {
                           value.includes(PermissionType.ADMIN)
                         )
                       }
+                      handleSubmit={handleSubmitHelper}
                     />
                   ) : null}
                 </div>