bustikiller/wedding-planner-frontend
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Implement debouncing
Some checks failed
Check usage of free licenses / build-static-assets (pull_request) Successful in 50s
Details
Playwright Tests / test (pull_request) Failing after 54s
Details
Add copyright notice / copyright_notice (pull_request) Successful in 1m5s
Details
Build Nginx-based docker image / build-static-assets (push) Failing after 2m51s
Details

Browse Source
This commit is contained in:
Manuel Bustillo 2025-06-08 20:52:12 +02:00
parent 847666bfc8
commit 0b8a444b39
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/[slug]/dashboard/website/page.tsx
View File

@ -13,15 +13,25 @@ export default function Page() {
const api = new AbstractApi<Website>(); const api = new AbstractApi<Website>();
const serializer = new WebsiteSerializer(); const serializer = new WebsiteSerializer();
const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout | null>(null);
useEffect(() => { useEffect(() => {
api.get(serializer, undefined, (loadedWebsite) => { api.get(serializer, undefined, (loadedWebsite) => {
setWebsite(loadedWebsite); setWebsite(loadedWebsite);
console.log('Website loaded:', loadedWebsite);
}); });
}, []); }, []);
const updateWebsite = (newContent: string) => { const updateWebsite = (newContent: string) => {
api.update(serializer, new Website('', newContent), () => { }); // Debounce API update: send after 500ms of no further changes
if (timeoutId) {
clearTimeout(timeoutId);
}
setTimeoutId(
setTimeout(() => {
api.update(serializer, new Website('', newContent), () => { });
}, 500)
);
} }
return ( return (