fix reporting not updating and client ui cue #458

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>

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>

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>