gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 13:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
rstubryan
2026-03-03 14:19:52 +07:00
parent 5e5400f56b
commit fa86f488e1
15 changed files with 24 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/inventory/movement/MovementTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/inventory/product/InventoryProductTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/area/AreasTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/bank/BanksTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/customer/CustomersTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/flock/FlocksTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/kandang/KandangsTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/location/LocationsTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/nonstock/NonstocksTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/product-category/ProductCategoryTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/product/ProductTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/supplier/SupplierTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/uom/UomsTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/master-data/warehouse/WarehousesTable.tsx
+1 -1
View File
@@ -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={
src/components/pages/production/recording/RecordingTable.tsx
+10 -20
View File
@@ -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>) => {