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

Implement WYSIWYG to edit the website content #272

Merged
bustikiller merged 6 commits from website-editor into main 2025-06-08 19:10:42 +00:00
Conversation 0 Commits 6 Files Changed 8 +12 -2
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0b8a444b39 - Show all commits

12
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) => {
// Debounce API update: send after 500ms of no further changes
if (timeoutId) {
clearTimeout(timeoutId);
}
setTimeoutId(
setTimeout(() => {
api.update(serializer, new Website('', newContent), () => { }); api.update(serializer, new Website('', newContent), () => { });
}, 500)
);
} }
return ( return (