Handle proposed change action errors (#7035)

* handle errors

* remove unwanted file

* accessibility

Author: pa-lem

frontend/app/src/entities/proposed-changes/ui/action-button/pc-approve-button.tsx

@@ -33,6 +33,18 @@ export const ApproveButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         />
       );
     },
+    onError: () => {
+      toast(
+        <Alert
+          type={ALERT_TYPES.ERROR}
+          message={
+            hasApproved
+              ? "An error occurred while canceling the approval"
+              : "An error occurred while approving"
+          }
+        />
+      );
+    },
   });
 
   const handleAction = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -72,6 +84,8 @@ export const ApproveButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         }}
         disabled={isPending}
         data-testid="proposed-change-action-button-select"
+        aria-label="More actions"
+        type="button"
       >
         <Icon icon="mdi:unfold-more-horizontal" />
       </Button>

frontend/app/src/entities/proposed-changes/ui/action-button/pc-close-button.tsx

@@ -24,6 +24,14 @@ export const CloseButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
       });
       toast(<Alert type={ALERT_TYPES.SUCCESS} message={"Proposed change closed!"} />);
     },
+    onError: () => {
+      toast(
+        <Alert
+          type={ALERT_TYPES.ERROR}
+          message={"An error occurred while closing the propsoed change"}
+        />
+      );
+    },
   });
 
   const handleAction = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -66,6 +74,8 @@ export const CloseButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         }}
         disabled={isPending}
         data-testid="proposed-change-action-button-select"
+        aria-label="More actions"
+        type="button"
       >
         <Icon icon="mdi:unfold-more-horizontal" />
       </Button>

frontend/app/src/entities/proposed-changes/ui/action-button/pc-draft-button.tsx

@@ -30,6 +30,18 @@ export const DraftButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         />
       );
     },
+    onError: () => {
+      toast(
+        <Alert
+          type={ALERT_TYPES.ERROR}
+          message={
+            isDraft
+              ? "An error occurred while removing draft status"
+              : "An error occurred while moving to draft"
+          }
+        />
+      );
+    },
   });
 
   const handleAction = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -74,6 +86,8 @@ export const DraftButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         }}
         disabled={isPending}
         data-testid="proposed-change-action-button-select"
+        aria-label="More actions"
+        type="button"
       >
         <Icon icon="mdi:unfold-more-horizontal" />
       </Button>

frontend/app/src/entities/proposed-changes/ui/action-button/pc-merge-button.tsx

@@ -24,6 +24,14 @@ export const MergeButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
       });
       toast(<Alert type={ALERT_TYPES.SUCCESS} message={"Proposed change merged!"} />);
     },
+    onError: () => {
+      toast(
+        <Alert
+          type={ALERT_TYPES.ERROR}
+          message={"An error occurred while merging proposed change"}
+        />
+      );
+    },
   });
 
   const handleAction = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -66,6 +74,8 @@ export const MergeButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         }}
         disabled={isPending}
         data-testid="proposed-change-action-button-select"
+        aria-label="More actions"
+        type="button"
       >
         <Icon icon="mdi:unfold-more-horizontal" />
       </Button>

frontend/app/src/entities/proposed-changes/ui/action-button/pc-reject-button.tsx

@@ -32,6 +32,18 @@ export const RejectButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         />
       );
     },
+    onError: () => {
+      toast(
+        <Alert
+          type={ALERT_TYPES.ERROR}
+          message={
+            hasRejected
+              ? "An error occurred while canceling the rejection"
+              : "An error occurred while rejecting proposed change"
+          }
+        />
+      );
+    },
   });
 
   const handleAction = (event: React.MouseEvent<HTMLButtonElement>) => {
@@ -71,6 +83,8 @@ export const RejectButton = ({ setOpen }: ProposedChangeActionButtonProps) => {
         }}
         disabled={isPending}
         data-testid="proposed-change-action-button-select"
+        aria-label="More actions"
+        type="button"
       >
         <Icon icon="mdi:unfold-more-horizontal" />
       </Button>