f:[] 9:"$Wf" 11:T418,import { useState } from "react"; type Course = { id: string; isBookmarked: boolean; }; async function updateBookmark(id: string, isBookmarked: boolean) { return { id, isBookmarked }; } export function CourseBookmark({ initialCourse }: { initialCourse: Course }) { const [course, setCourse] = useState(initialCourse); const [message, setMessage] = useState(undefined); async function toggleBookmark() { const previousCourse = course; const nextCourse = { ...course, isBookmarked: !course.isBookmarked, }; setCourse(nextCourse); setMessage(undefined); try { await updateBookmark(nextCourse.id, nextCourse.isBookmarked); } catch { setCourse(previousCourse); setMessage("Bookmark belum diperbarui. Coba lagi."); } } return (

{message ?

{message}

: null}

); }12:T429,import { useState } from "react"; type Course = { id: string; title: string; isBookmarked: boolean; }; async function updateBookmark(id: string, isBookmarked: boolean) { return { id, isBookmarked }; } export function CourseBookmark({ initialCourse }: { initialCourse: Course }) { const [course, setCourse] = useState(initialCourse); const [message, setMessage] = useState(undefined); async function toggleBookmark() { const previousCourse = course; const nextCourse = { ...course, isBookmarked: !course.isBookmarked, }; setCourse(nextCourse); setMessage(undefined); try { await updateBookmark(nextCourse.id, nextCourse.isBookmarked); } catch { setCourse(previousCourse); setMessage("Bookmark belum diperbarui. Coba lagi."); } } return (

{message ?

{message}

: null}

); }

Add optimistic course bookmark rollback