From 3a482c1e6a7bcd1603c1dd238eb9263f396a30e1 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Mon, 28 Apr 2025 13:34:08 +0200
Subject: [PATCH] fix reporting not updating and client ui cue #458

---
 resources/js/Pages/Reporting.vue                | 2 ++
 resources/js/Pages/ReportingDetailed.vue        | 2 ++
 resources/js/packages/ui/src/Input/Dropdown.vue | 7 +++++++
 3 files changed, 11 insertions(+)

diff --git a/resources/js/Pages/Reporting.vue b/resources/js/Pages/Reporting.vue
index 3f24e171..e447346c 100644
--- a/resources/js/Pages/Reporting.vue
+++ b/resources/js/Pages/Reporting.vue
@@ -339,6 +339,8 @@ const tableData = computed(() => {
                         @submit="updateReporting">
                         <template #trigger>
                             <ReportingFilterBadge
+                                :count="selectedClients.length"
+                                :active="selectedClients.length > 0"
                                 title="Clients"
                                 :icon="FolderIcon"></ReportingFilterBadge>
                         </template>
diff --git a/resources/js/Pages/ReportingDetailed.vue b/resources/js/Pages/ReportingDetailed.vue
index 9c49bed4..71049892 100644
--- a/resources/js/Pages/ReportingDetailed.vue
+++ b/resources/js/Pages/ReportingDetailed.vue
@@ -308,6 +308,8 @@ async function downloadExport(format: ExportFormat) {
                         @submit="updateFilteredTimeEntries">
                         <template #trigger>
                             <ReportingFilterBadge
+                                :count="selectedClients.length"
+                                :active="selectedClients.length > 0"
                                 title="Clients"
                                 :icon="FolderIcon"></ReportingFilterBadge>
                         </template>
diff --git a/resources/js/packages/ui/src/Input/Dropdown.vue b/resources/js/packages/ui/src/Input/Dropdown.vue
index ec7560d7..be18a05c 100644
--- a/resources/js/packages/ui/src/Input/Dropdown.vue
+++ b/resources/js/packages/ui/src/Input/Dropdown.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Popover, PopoverContent, PopoverTrigger } from '@/Components/ui/popover';
+import { watch } from "vue";
 
 const props = withDefaults(
     defineProps<{
@@ -36,6 +37,12 @@ function onOpenChange(value: boolean) {
     }
 }
 
+watch(open, (value) => {
+    if (value === false) {
+        emit('submit');
+    }
+});
+
 </script>
 
 <template>