bit fix filter date

resources/js/Customer/Components/HeaderTrx.jsx

@@ -88,7 +88,7 @@ export default function HeaderTrx({ enable = 'deposit', dates, setDates }) {
                     <div className="flex flex-row gap-2 ">
                         <Link
                             href={route('transactions.deposit.index')}
-                            className={`px-3 py-1 rounded-full border hover:bg-blue-500  ${
+                            className={`px-3 py-1 rounded-full border hover:bg-blue-500 hover:text-white  ${
                                 enable === 'deposit'
                                     ? 'bg-blue-700 text-white'
                                     : 'bg-blue-100'
@@ -98,7 +98,7 @@ export default function HeaderTrx({ enable = 'deposit', dates, setDates }) {
                         </Link>
                         <Link
                             href={route('transactions.sale.index')}
-                            className={`px-3 py-1 rounded-full border hover:bg-blue-500  ${
+                            className={`px-3 py-1 rounded-full border hover:bg-blue-500 hover:text-white  ${
                                 enable === 'trx'
                                     ? 'bg-blue-700 text-white'
                                     : 'bg-blue-100'
@@ -108,7 +108,7 @@ export default function HeaderTrx({ enable = 'deposit', dates, setDates }) {
                         </Link>
                         <Link
                             href={route('transactions.poin.index')}
-                            className={`px-3 py-1 rounded-full border hover:bg-blue-500  ${
+                            className={`px-3 py-1 rounded-full border hover:bg-blue-500 hover:text-white  ${
                                 enable === 'poin'
                                     ? 'bg-blue-700 text-white'
                                     : 'bg-blue-100'

resources/js/Customer/Deposit/Index.jsx

@@ -5,6 +5,7 @@ import { usePrevious } from 'react-use'
 import CustomerLayout from '@/Layouts/CustomerLayout'
 import HeaderTrx from '../Components/HeaderTrx'
 import { formatIDDate } from '@/utils'
+import { isEmpty } from 'lodash'
 
 const EmptyHere = () => {
     return (
@@ -49,6 +50,9 @@ export default function Index(props) {
 
     useEffect(() => {
         if (preValue) {
+            if (isEmpty(dates.endDate)) {
+                return
+            }
             router.get(
                 route(route().current()),
                 {

resources/js/Customer/Poin/Index.jsx

@@ -49,6 +49,9 @@ export default function Index(props) {
 
     useEffect(() => {
         if (preValue) {
+            if (isEmpty(dates.endDate)) {
+                return
+            }
             router.get(
                 route(route().current()),
                 {

resources/js/Customer/Trx/Index.jsx

@@ -52,6 +52,9 @@ export default function Index(props) {
 
     useEffect(() => {
         if (preValue) {
+            if (isEmpty(dates.endDate)) {
+                return
+            }
             router.get(
                 route(route().current()),
                 {