persist user ratings for levels

Author: SteveMan67

backend/server.ts

@@ -425,7 +425,6 @@ const server = Bun.serve({
 
         if (authentication?.user) {
           const rating = await sql`select thumbs_up from ratings where user_id = ${authentication.user} AND level_id = ${levelId}`
-          console.log(rating)
           currentRating = rating !== [] ? rating[0].thumbs_up : null
         }
 

frontend/javascript/level.js

@@ -7,7 +7,21 @@ const serverUrl = window.location.origin
 async function getLevel(level = 1) {
   try {
     const raw = await fetch(`${serverUrl}/api/level?levelId=${level}`)
-    const levels = raw.json()
+    const levels = await raw.json()
+
+    const approvalWrapper = document.querySelector(".thumbs-up-wrapper")
+    const disapprovalWrapper = document.querySelector(".thumbs-down-wrapper")
+
+    console.log(levels)
+
+    console.log(levels.current_user_rating)
+
+    if (levels.current_user_rating) {
+      approvalWrapper.classList.add("clicked")
+    } else if (levels.current_user_rating === false) {
+      disapprovalWrapper.classList.add("clicked")
+    }
+
     window.dispatchEvent(new CustomEvent('level:loaded', { detail: levels }))
     return await levels
   } catch (e) {
@@ -203,4 +217,4 @@ disapprovalButton.addEventListener("click", () => {
   approvalWrapper.classList.remove("clicked")
 
   rateLevel(false)
-})
+})

todo.md

@@ -21,7 +21,6 @@
 - options page
 - sign out button
 - you can still request levels from the server that are private
-- opening a page of a level you've rated should show your rating
 
 **Editor**