From 5acace765dd41388d4d62d484bb02dfc8f3a4d98 Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Thu, 22 Jan 2026 10:32:59 +0200
Subject: [PATCH 1/5] fix: replace RouterLink with div in RelatedLogsLink
 component

---
 custom/RelatedLogsLink.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/custom/RelatedLogsLink.vue b/custom/RelatedLogsLink.vue
index 7e1c204..e6dcca6 100644
--- a/custom/RelatedLogsLink.vue
+++ b/custom/RelatedLogsLink.vue
@@ -1,11 +1,10 @@
 <template>
-  <RouterLink
-    v-if="to"
-    :to="to"
+  <div
     class="flex items-center w-full gap-2
            text-left text-sm leading-5
            text-black hover:bg-gray-100
-           dark:text-gray-200 dark:hover:bg-gray-700"
+           dark:text-gray-200 dark:hover:bg-gray-700
+           "
   >
     <IconClockSolid
       class="w-4 h-4 shrink-0 text-gray-500 dark:text-gray-400"
@@ -13,13 +12,13 @@
     <span class="whitespace-nowrap">
       {{ meta?.title || 'Edit History' }}
     </span>
-  </RouterLink>
+  </div>
 </template>
 
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { IconClockSolid } from '@iconify-prerendered/vue-flowbite';
 
 const props = defineProps<{
@@ -28,6 +27,13 @@ const props = defineProps<{
   resource: any;
 }>();
 
+const router = useRouter();
+
+defineExpose({
+  click,
+});
+
+
 const route = useRoute(); 
 
 console.log('Current Route Name:', route.name);
@@ -78,4 +84,10 @@ const to = computed(() => {
     return { name: 'resource-list', params: { resourceId: 'audit_log' } } as any;
   }
 });
+
+function click() {
+  console.log('click');
+  debugger;
+  router.replace(to.value);
+}
 </script>
\ No newline at end of file

From 20971ee8791c76c05b51ddc59d3c739b26dc19b8 Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Wed, 28 Jan 2026 13:37:22 +0200
Subject: [PATCH 2/5] fix: enhance RelatedLogsLink to support filtering by
 selected checkboxes

---
 custom/RelatedLogsLink.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/custom/RelatedLogsLink.vue b/custom/RelatedLogsLink.vue
index 7e1c204..5646ccc 100644
--- a/custom/RelatedLogsLink.vue
+++ b/custom/RelatedLogsLink.vue
@@ -26,6 +26,8 @@ const props = defineProps<{
   record: any;
   meta: any;
   resource: any;
+  checkboxes?: (string | number)[];
+
 }>();
 
 const route = useRoute(); 
@@ -60,8 +62,14 @@ const to = computed(() => {
     if (createdCol) {
         query['sort'] = `${createdCol}__desc`;
     }
-    if (recordId) {
-        query[`filter__${recordIdCol}__eq`] = JSON.stringify(String(recordId));
+    if (props.checkboxes && props.checkboxes.length > 0) {
+      query[`filter__${recordIdCol}__in`] = JSON.stringify(
+        props.checkboxes.map(String)
+      );
+    }
+    else if (recordId) {
+       query[`filter__${recordIdCol}__eq`] =
+       JSON.stringify(String(recordId));
     }
 
     if (currentResourceId) {

From 7679ac145697487087f7cb8ca7d4f1a81804c4e9 Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Wed, 28 Jan 2026 16:58:57 +0200
Subject: [PATCH 3/5] fix: update text color styles in RelatedLogsLink
 component

---
 custom/RelatedLogsLink.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/custom/RelatedLogsLink.vue b/custom/RelatedLogsLink.vue
index 5646ccc..e198416 100644
--- a/custom/RelatedLogsLink.vue
+++ b/custom/RelatedLogsLink.vue
@@ -3,9 +3,7 @@
     v-if="to"
     :to="to"
     class="flex items-center w-full gap-2
-           text-left text-sm leading-5
-           text-black hover:bg-gray-100
-           dark:text-gray-200 dark:hover:bg-gray-700"
+           text-left text-sm leading-5"
   >
     <IconClockSolid
       class="w-4 h-4 shrink-0 text-gray-500 dark:text-gray-400"

From 57c17a49bfb37f928999e022559b47e91873521c Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Thu, 29 Jan 2026 09:23:32 +0200
Subject: [PATCH 4/5] fix: update text color styles in RelatedLogsLink
 component

---
 custom/RelatedLogsLink.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/custom/RelatedLogsLink.vue b/custom/RelatedLogsLink.vue
index 5646ccc..e198416 100644
--- a/custom/RelatedLogsLink.vue
+++ b/custom/RelatedLogsLink.vue
@@ -3,9 +3,7 @@
     v-if="to"
     :to="to"
     class="flex items-center w-full gap-2
-           text-left text-sm leading-5
-           text-black hover:bg-gray-100
-           dark:text-gray-200 dark:hover:bg-gray-700"
+           text-left text-sm leading-5"
   >
     <IconClockSolid
       class="w-4 h-4 shrink-0 text-gray-500 dark:text-gray-400"

From 5ba846890aa2a7f906fef6b77b24750665273ec8 Mon Sep 17 00:00:00 2001
From: Pavlo Kulyk <pkulyk@devforth.io>
Date: Thu, 29 Jan 2026 09:36:52 +0200
Subject: [PATCH 5/5] fix: clean up style for history btn

---
 custom/RelatedLogsLink.vue | 36 +++++++++---------------------------
 1 file changed, 9 insertions(+), 27 deletions(-)

diff --git a/custom/RelatedLogsLink.vue b/custom/RelatedLogsLink.vue
index f3df213..ef99009 100644
--- a/custom/RelatedLogsLink.vue
+++ b/custom/RelatedLogsLink.vue
@@ -1,37 +1,31 @@
 <template>
-  <div
+  <RouterLink
+    v-if="to"
+    :to="to"
     class="flex items-center w-full gap-2
-           text-left text-sm leading-5">
+           text-left text-sm leading-5"
+  >
     <IconClockSolid
       class="w-4 h-4 shrink-0 text-gray-500 dark:text-gray-400"
     />
     <span class="whitespace-nowrap">
       {{ meta?.title || 'Edit History' }}
     </span>
-  </div>
+  </RouterLink>
 </template>
 
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import { IconClockSolid } from '@iconify-prerendered/vue-flowbite';
 
 const props = defineProps<{
   record: any;
   meta: any;
   resource: any;
-  checkboxes?: (string | number)[];
-
 }>();
 
-const router = useRouter();
-
-defineExpose({
-  click,
-});
-
-
 const route = useRoute(); 
 
 console.log('Current Route Name:', route.name);
@@ -64,14 +58,8 @@ const to = computed(() => {
     if (createdCol) {
         query['sort'] = `${createdCol}__desc`;
     }
-    if (props.checkboxes && props.checkboxes.length > 0) {
-      query[`filter__${recordIdCol}__in`] = JSON.stringify(
-        props.checkboxes.map(String)
-      );
-    }
-    else if (recordId) {
-       query[`filter__${recordIdCol}__eq`] =
-       JSON.stringify(String(recordId));
+    if (recordId) {
+        query[`filter__${recordIdCol}__eq`] = JSON.stringify(String(recordId));
     }
 
     if (currentResourceId) {
@@ -88,10 +76,4 @@ const to = computed(() => {
     return { name: 'resource-list', params: { resourceId: 'audit_log' } } as any;
   }
 });
-
-function click() {
-  console.log('click');
-  debugger;
-  router.replace(to.value);
-}
 </script>
\ No newline at end of file