fix some sub module in master data

This commit is contained in:
bagusajisaputroo
2025-05-09 11:42:00 +07:00
parent 930d6f1434
commit 8a3a574a80
3 changed files with 331 additions and 316 deletions

View File

@ -94,7 +94,7 @@ const AddDialog = () => {
{ key: 'status', label: 'Status' }, { key: 'status', label: 'Status' },
{ key: 'provider', label: 'Provider' }, { key: 'provider', label: 'Provider' },
{ key: 'process_on_third_party', label: 'Process On Third Party' } { key: 'process_on_third_party', label: 'Process On Third Party' }
] ];
const newErrors: Record<string, string> = {}; const newErrors: Record<string, string> = {};
let isValid = true; let isValid = true;
requiredFields.forEach(({ key, label }) => { requiredFields.forEach(({ key, label }) => {
@ -110,7 +110,7 @@ const AddDialog = () => {
}); });
setErrors(newErrors); setErrors(newErrors);
return isValid; return isValid;
} };
const doCreateProduct = useCallback( const doCreateProduct = useCallback(
async (e: React.FormEvent<HTMLFormElement>) => { async (e: React.FormEvent<HTMLFormElement>) => {
@ -233,7 +233,9 @@ const AddDialog = () => {
} }
}} }}
/> />
{errors.name && <span className="text-red-500 text-xs mt-1">{errors.name}</span>} {errors.name && (
<span className="text-red-500 text-xs mt-1">{errors.name}</span>
)}
</div> </div>
</div> </div>
</div> </div>
@ -255,7 +257,9 @@ const AddDialog = () => {
} }
}} }}
/> />
{errors.type && <span className="text-red-500 text-xs mt-1">{errors.type}</span>} {errors.type && (
<span className="text-red-500 text-xs mt-1">{errors.type}</span>
)}
</div> </div>
</div> </div>
</div> </div>
@ -277,7 +281,9 @@ const AddDialog = () => {
} }
}} }}
/> />
{errors.code && <span className="text-red-500 text-xs mt-1">{errors.code}</span>} {errors.code && (
<span className="text-red-500 text-xs mt-1">{errors.code}</span>
)}
</div> </div>
</div> </div>
</div> </div>
@ -447,14 +453,18 @@ const AddDialog = () => {
<SelectItem value="N">No</SelectItem> <SelectItem value="N">No</SelectItem>
</SelectContent> </SelectContent>
</Select> </Select>
{errors.status && <span className="text-red-500 text-xs mt-1">{errors.status}</span>} {errors.status && (
<span className="text-red-500 text-xs mt-1">{errors.status}</span>
)}
</div> </div>
</div> </div>
</div> </div>
<div className="w-full"> <div className="w-full">
<div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5"> <div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label className="form-label flex items-center gap-1 max-w-56">Provider<span className="text-red-500">*</span></label> <label className="form-label flex items-center gap-1 max-w-56">
Provider<span className="text-red-500">*</span>
</label>
<div className="grow flex flex-col"> <div className="grow flex flex-col">
<Select <Select
value={formField.provider} value={formField.provider}
@ -463,7 +473,9 @@ const AddDialog = () => {
setErrors((prev) => ({ ...prev, provider: '' })); setErrors((prev) => ({ ...prev, provider: '' }));
}} }}
> >
<SelectTrigger className={`input ${errors.provider ? 'border-red-500' : ''}`}> <SelectTrigger
className={`input ${errors.provider ? 'border-red-500' : ''}`}
>
<SelectValue placeholder="Select Provider" /> <SelectValue placeholder="Select Provider" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@ -477,7 +489,9 @@ const AddDialog = () => {
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
{errors.provider && <span className="text-red-500 text-xs mt-1">{errors.provider}</span>} {errors.provider && (
<span className="text-red-500 text-xs mt-1">{errors.provider}</span>
)}
</div> </div>
</div> </div>
</div> </div>
@ -495,7 +509,9 @@ const AddDialog = () => {
setErrors((prev) => ({ ...prev, process_on_third_party: '' })); setErrors((prev) => ({ ...prev, process_on_third_party: '' }));
}} }}
> >
<SelectTrigger className={`input ${errors.process_on_third_party ? 'border-red-500' : ''}`}> <SelectTrigger
className={`input ${errors.process_on_third_party ? 'border-red-500' : ''}`}
>
<SelectValue placeholder="Select Status" /> <SelectValue placeholder="Select Status" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@ -504,7 +520,9 @@ const AddDialog = () => {
</SelectContent> </SelectContent>
</Select> </Select>
{errors.process_on_third_party && ( {errors.process_on_third_party && (
<span className="text-red-500 text-xs mt-1">{errors.process_on_third_party}</span> <span className="text-red-500 text-xs mt-1">
{errors.process_on_third_party}
</span>
)} )}
</div> </div>
</div> </div>
@ -524,7 +542,6 @@ const AddDialog = () => {
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</DialogBody> </DialogBody>
</DialogContent> </DialogContent>

View File

@ -273,8 +273,6 @@ const ManageProductsContextProvider = ({ children }: { children: React.ReactNode
getProductsLists getProductsLists
}} }}
> >
<Toaster expand visibleToasts={9} duration={3000} />
<DataGridProvider <DataGridProvider
columns={columns} columns={columns}
pagination={{ size: 10 }} pagination={{ size: 10 }}

View File

@ -116,7 +116,7 @@ const AddDialog = () => {
const resetForm = () => { const resetForm = () => {
setFormField(initialState); setFormField(initialState);
setAlert({ show: false, message: '' }); setErrors({});
}; };
const doCreateProvider = useCallback( const doCreateProvider = useCallback(