From fa86f488e1da91535119f66bd42dd08bfe620534 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 3 Mar 2026 14:19:52 +0700
Subject: [PATCH] refactor(FE): Standardize search input placeholders to
 "Search"

---
 .../inventory/movement/MovementTable.tsx      |  2 +-
 .../product/InventoryProductTable.tsx         |  2 +-
 .../pages/master-data/area/AreasTable.tsx     |  2 +-
 .../pages/master-data/bank/BanksTable.tsx     |  2 +-
 .../master-data/customer/CustomersTable.tsx   |  2 +-
 .../pages/master-data/flock/FlocksTable.tsx   |  2 +-
 .../master-data/kandang/KandangsTable.tsx     |  2 +-
 .../master-data/location/LocationsTable.tsx   |  2 +-
 .../master-data/nonstock/NonstocksTable.tsx   |  2 +-
 .../product-category/ProductCategoryTable.tsx |  2 +-
 .../master-data/product/ProductTable.tsx      |  2 +-
 .../master-data/supplier/SupplierTable.tsx    |  2 +-
 .../pages/master-data/uom/UomsTable.tsx       |  2 +-
 .../master-data/warehouse/WarehousesTable.tsx |  2 +-
 .../production/recording/RecordingTable.tsx   | 30 +++++++------------
 15 files changed, 24 insertions(+), 34 deletions(-)

diff --git a/src/components/pages/inventory/movement/MovementTable.tsx b/src/components/pages/inventory/movement/MovementTable.tsx
index c85577de..f53b0ccb 100644
--- a/src/components/pages/inventory/movement/MovementTable.tsx
+++ b/src/components/pages/inventory/movement/MovementTable.tsx
@@ -181,7 +181,7 @@ const MovementTable = () => {
         <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
           <DebouncedTextInput
             name='search'
-            placeholder='Cari Movement'
+            placeholder='Search'
             value={tableFilterState.search ?? ''}
             onChange={searchChangeHandler}
             startAdornment={
diff --git a/src/components/pages/inventory/product/InventoryProductTable.tsx b/src/components/pages/inventory/product/InventoryProductTable.tsx
index 53d8fcb3..4951f030 100644
--- a/src/components/pages/inventory/product/InventoryProductTable.tsx
+++ b/src/components/pages/inventory/product/InventoryProductTable.tsx
@@ -189,7 +189,7 @@ const InventoryProductTable = () => {
         <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
           <DebouncedTextInput
             name='search'
-            placeholder='Cari Produk'
+            placeholder='Search'
             value={tableFilterState.search ?? ''}
             onChange={searchChangeHandler}
             startAdornment={
diff --git a/src/components/pages/master-data/area/AreasTable.tsx b/src/components/pages/master-data/area/AreasTable.tsx
index 0ef35c80..d329bb20 100644
--- a/src/components/pages/master-data/area/AreasTable.tsx
+++ b/src/components/pages/master-data/area/AreasTable.tsx
@@ -233,7 +233,7 @@ const AreasTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Area'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/bank/BanksTable.tsx b/src/components/pages/master-data/bank/BanksTable.tsx
index 472d563a..a269a90a 100644
--- a/src/components/pages/master-data/bank/BanksTable.tsx
+++ b/src/components/pages/master-data/bank/BanksTable.tsx
@@ -246,7 +246,7 @@ const BanksTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Bank'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/customer/CustomersTable.tsx b/src/components/pages/master-data/customer/CustomersTable.tsx
index 6718d4d8..54fe988f 100644
--- a/src/components/pages/master-data/customer/CustomersTable.tsx
+++ b/src/components/pages/master-data/customer/CustomersTable.tsx
@@ -253,7 +253,7 @@ const CustomersTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Customer'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/flock/FlocksTable.tsx b/src/components/pages/master-data/flock/FlocksTable.tsx
index 6ee4d0a1..8d464781 100644
--- a/src/components/pages/master-data/flock/FlocksTable.tsx
+++ b/src/components/pages/master-data/flock/FlocksTable.tsx
@@ -241,7 +241,7 @@ const FlockTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Flock'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/kandang/KandangsTable.tsx b/src/components/pages/master-data/kandang/KandangsTable.tsx
index 4e54c728..9d923cbe 100644
--- a/src/components/pages/master-data/kandang/KandangsTable.tsx
+++ b/src/components/pages/master-data/kandang/KandangsTable.tsx
@@ -366,7 +366,7 @@ const KandangsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Kandang'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/location/LocationsTable.tsx b/src/components/pages/master-data/location/LocationsTable.tsx
index d2d14417..89a00539 100644
--- a/src/components/pages/master-data/location/LocationsTable.tsx
+++ b/src/components/pages/master-data/location/LocationsTable.tsx
@@ -320,7 +320,7 @@ const LocationsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Location'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/nonstock/NonstocksTable.tsx b/src/components/pages/master-data/nonstock/NonstocksTable.tsx
index db1ebc06..0e009313 100644
--- a/src/components/pages/master-data/nonstock/NonstocksTable.tsx
+++ b/src/components/pages/master-data/nonstock/NonstocksTable.tsx
@@ -250,7 +250,7 @@ const NonstocksTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Nonstock'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/product-category/ProductCategoryTable.tsx b/src/components/pages/master-data/product-category/ProductCategoryTable.tsx
index c04c135a..e758e81d 100644
--- a/src/components/pages/master-data/product-category/ProductCategoryTable.tsx
+++ b/src/components/pages/master-data/product-category/ProductCategoryTable.tsx
@@ -247,7 +247,7 @@ const ProductCategoryTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Product Category'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/product/ProductTable.tsx b/src/components/pages/master-data/product/ProductTable.tsx
index 3e522407..ba7fe66b 100644
--- a/src/components/pages/master-data/product/ProductTable.tsx
+++ b/src/components/pages/master-data/product/ProductTable.tsx
@@ -372,7 +372,7 @@ const ProductsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Produk'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/supplier/SupplierTable.tsx b/src/components/pages/master-data/supplier/SupplierTable.tsx
index 4d9d97bc..60892876 100644
--- a/src/components/pages/master-data/supplier/SupplierTable.tsx
+++ b/src/components/pages/master-data/supplier/SupplierTable.tsx
@@ -385,7 +385,7 @@ const SuppliersTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Supplier'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/uom/UomsTable.tsx b/src/components/pages/master-data/uom/UomsTable.tsx
index ce853b1b..9ef9f9ef 100644
--- a/src/components/pages/master-data/uom/UomsTable.tsx
+++ b/src/components/pages/master-data/uom/UomsTable.tsx
@@ -233,7 +233,7 @@ const UomsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari UOM'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/master-data/warehouse/WarehousesTable.tsx b/src/components/pages/master-data/warehouse/WarehousesTable.tsx
index ed777ee9..85fdfa59 100644
--- a/src/components/pages/master-data/warehouse/WarehousesTable.tsx
+++ b/src/components/pages/master-data/warehouse/WarehousesTable.tsx
@@ -395,7 +395,7 @@ const WarehousesTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Warehouse'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={
diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 8f59d7c3..ca9a12eb 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -44,6 +44,7 @@ import Badge from '@/components/Badge';
 import StatusBadge from '@/components/helper/StatusBadge';
 import CheckboxInput from '@/components/input/CheckboxInput';
 import { useUiStore } from '@/stores/ui/ui.store';
+import { usePathname } from 'next/navigation';
 import { Color } from '@/types/theme';
 import ButtonFilter from '@/components/helper/ButtonFilter';
 
@@ -203,8 +204,8 @@ const RowOptionsMenu = ({
 };
 
 const RecordingTable = () => {
-  const { searchValue, setSearchValue, resetSearchValue } = useUiStore();
-  const previousPathRef = useRef<string | null>(null);
+  const { searchValue, setSearchValue, setTableState } = useUiStore();
+  const pathname = usePathname();
 
   const {
     state: tableFilterState,
@@ -214,7 +215,7 @@ const RecordingTable = () => {
     toQueryString: getTableFilterQueryString,
   } = useTableFilter({
     initial: {
-      search: searchValue,
+      search: '',
       areaFilter: '',
       locationFilter: '',
       kandangFilter: '',
@@ -229,6 +230,10 @@ const RecordingTable = () => {
     },
   });
 
+  useEffect(() => {
+    updateFilter('search', searchValue);
+  }, [searchValue, updateFilter]);
+
   // ===== FILTER MODAL STATE =====
   const filterModal = useModal();
 
@@ -526,23 +531,8 @@ const RecordingTable = () => {
   }, []);
 
   useEffect(() => {
-    previousPathRef.current = window.location.pathname;
-
-    return () => {
-      const currentPath = window.location.pathname;
-
-      const isCurrentPathRecording = currentPath.includes(
-        '/production/recording'
-      );
-      const isPreviousPathRecording = previousPathRef.current?.includes(
-        '/production/recording'
-      );
-
-      if (isPreviousPathRecording && !isCurrentPathRecording) {
-        resetSearchValue();
-      }
-    };
-  }, [resetSearchValue]);
+    setTableState('recording-table', pathname);
+  }, [pathname]);
 
   const searchChangeHandler = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {