diff --git a/resources/js/Customer/Components/HeaderTrx.jsx b/resources/js/Customer/Components/HeaderTrx.jsx
index 0464bef..bc4d7ae 100644
--- a/resources/js/Customer/Components/HeaderTrx.jsx
+++ b/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'
diff --git a/resources/js/Customer/Deposit/Index.jsx b/resources/js/Customer/Deposit/Index.jsx
index 686b38c..bfa78a5 100644
--- a/resources/js/Customer/Deposit/Index.jsx
+++ b/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()),
                 {
diff --git a/resources/js/Customer/Poin/Index.jsx b/resources/js/Customer/Poin/Index.jsx
index 42a9fdb..4382e03 100644
--- a/resources/js/Customer/Poin/Index.jsx
+++ b/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()),
                 {
diff --git a/resources/js/Customer/Trx/Index.jsx b/resources/js/Customer/Trx/Index.jsx
index db577b1..721b7fd 100644
--- a/resources/js/Customer/Trx/Index.jsx
+++ b/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()),
                 {