refactor(FE): Standardize search input placeholders to "Search"

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>) => {