Merge pull request #218 from connorabbas/develop

Improvements

Author: connorabbas

resources/js/composables/useAppLayout.js

@@ -56,6 +56,9 @@ export function useAppLayout() {
             route: route('profile.edit'),
             lucideIcon: Settings,
         },
+        {
+            separator: true
+        },
         {
             label: 'Log Out',
             lucideIcon: LogOut,

resources/js/composables/usePaginatedData.ts

@@ -161,8 +161,19 @@ export function usePaginatedData(
             if (!filter?.value || !filter?.matchMode) {
                 return;
             }
-            if (filter.matchMode == FilterMatchMode.DATE_IS) {
+            if (
+                filter.matchMode == FilterMatchMode.DATE_IS ||
+                filter.matchMode == FilterMatchMode.DATE_IS_NOT ||
+                filter.matchMode == FilterMatchMode.DATE_BEFORE ||
+                filter.matchMode == FilterMatchMode.DATE_AFTER
+            ) {
                 filters.value[key].value = new Date(filter.value);
+            } else if (filter.matchMode == FilterMatchMode.BETWEEN) {
+                filter.value.forEach((value: any, index: number) => {
+                    if (typeof value === 'string') {
+                        filter.value[index] = new Date(value);
+                    }
+                });
             } else if (
                 typeof filter.value === 'string' &&
                 filter.value !== '' &&
@@ -208,6 +219,9 @@ export function usePaginatedData(
         if (urlParams?.page) {
             pagination.value.page = parseInt(urlParams.page);
         }
+        if (urlParams?.rows) {
+            pagination.value.rows = parseInt(urlParams.rows);
+        }
     }
 
     onMounted(() => {

resources/js/layouts/app/HeaderLayout.vue

@@ -56,6 +56,7 @@ const toggleMobileUserMenu = (event) => {
                             id="mobile-user-menu-btn"
                             :label="page.props.auth.user.name"
                             severity="secondary"
+                            size="large"
                             pt:root:class="flex flex-row-reverse justify-between"
                             @click="toggleMobileUserMenu($event)"
                         >

resources/js/layouts/app/SidebarLayout.vue

@@ -55,6 +55,7 @@ const toggleMobileUserMenu = (event) => {
                             :label="page.props.auth.user.name"
                             pt:root:class="flex flex-row-reverse justify-between"
                             severity="secondary"
+                            size="large"
                             @click="toggleMobileUserMenu($event)"
                         >
                             <template #icon>