cf0e772159
- Add RestockIndex component for displaying and managing restocks. - Create RestockCardRow component for rendering individual restock items. - Implement RestockItemSubRow component for displaying detailed item information. - Define routes for restock management in web.php. - Create RestockTest to cover various scenarios for restock creation, updating, and deletion. - Ensure proper handling of permissions for restock actions. - Add validation for restock data and ensure correct relationships are maintained.
76 lines
1.9 KiB
TypeScript
76 lines
1.9 KiB
TypeScript
import { router } from '@inertiajs/react';
|
|
import { useEffect, useRef } from 'react';
|
|
import {
|
|
clearRestockDraft,
|
|
saveRestockDraft
|
|
|
|
} from '@/lib/restock-draft';
|
|
import type {RestockDraftData} from '@/lib/restock-draft';
|
|
|
|
type DraftType = 'create' | 'edit';
|
|
|
|
export function useRestockDraftSave(
|
|
type: DraftType,
|
|
data: RestockDraftData,
|
|
userId?: number,
|
|
delay = 500,
|
|
) {
|
|
const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
const dataRef = useRef(data);
|
|
const submittedRef = useRef(false);
|
|
|
|
useEffect(() => {
|
|
dataRef.current = data;
|
|
}, [data]);
|
|
|
|
useEffect(() => {
|
|
const offBefore = router.on('before', (event) => {
|
|
if (event.detail.visit.method !== 'get') {
|
|
submittedRef.current = true;
|
|
}
|
|
});
|
|
const offError = router.on('error', () => {
|
|
submittedRef.current = false;
|
|
});
|
|
|
|
return () => {
|
|
offBefore();
|
|
offError();
|
|
};
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
if (timeoutRef.current) {
|
|
clearTimeout(timeoutRef.current);
|
|
}
|
|
|
|
timeoutRef.current = setTimeout(() => {
|
|
if (!submittedRef.current) {
|
|
saveRestockDraft(type, dataRef.current, userId);
|
|
}
|
|
|
|
timeoutRef.current = null;
|
|
}, delay);
|
|
|
|
return () => {
|
|
if (timeoutRef.current) {
|
|
clearTimeout(timeoutRef.current);
|
|
}
|
|
};
|
|
}, [data, type, userId, delay]);
|
|
|
|
useEffect(() => {
|
|
return () => {
|
|
if (timeoutRef.current) {
|
|
clearTimeout(timeoutRef.current);
|
|
}
|
|
|
|
if (submittedRef.current) {
|
|
clearRestockDraft(type, userId);
|
|
} else {
|
|
saveRestockDraft(type, dataRef.current, userId);
|
|
}
|
|
};
|
|
}, [type, userId]);
|
|
}
|