From 07655d0e336909f8fdeb8b9a5a3d2f66100a85d8 Mon Sep 17 00:00:00 2001
From: Roly Gutierrez <roly.gutierrez@processmaker.com>
Date: Tue, 1 Jul 2025 17:06:47 -0400
Subject: [PATCH] FOUR-24945 Fix observation.

---
 src/components/SimpleErrorMessage.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/SimpleErrorMessage.vue b/src/components/SimpleErrorMessage.vue
index 7acc73d25..1ff89a9f8 100644
--- a/src/components/SimpleErrorMessage.vue
+++ b/src/components/SimpleErrorMessage.vue
@@ -3,6 +3,9 @@
         <p>
             <img src="../assets/icons/ErrorMessage.svg" class="simple-error-message-icon"/>
         </p>
+        <p>
+            <b-button variant="primary" @click="redirectToError">{{ $t(label) }}</b-button>
+        </p>
         <p>
             <span class="simple-error-message-title"> {{ $t(title) }} </span>
         </p>
@@ -14,12 +17,22 @@
 
 <script>
 export default {
+    props: ['instanceId'],
     data() {
         return {
             title: "We're Sorry",
             message:
-                "An error has occurred. Please try again. If the problem persists, please contact your administrator."
+                "An error has occurred. Please try again. If the problem persists, please contact your administrator.",
+            label: "View error details"
         };
+    },
+    methods: {
+        redirectToError() {
+            if (!this.instanceId) {
+                return;
+            }
+            window.location.href = `/requests/${this.instanceId}`;
+        }
     }
 };
 </script>