add likes

Author: Basu Jindal

css/thoughts.css

@@ -540,19 +540,20 @@
 }
 
 .comment-submit {
-  padding: 0.5rem 1rem;
-  background: var(--accent);
-  color: white;
-  border: none;
+  padding: 0.5rem 1.25rem;
+  background: transparent;
+  color: var(--text);
+  border: 2px solid var(--accent);
   border-radius: 20px;
-  font-size: 0.85rem;
+  font-size: 0.9rem;
   font-weight: 500;
   cursor: pointer;
-  transition: background 0.2s;
+  transition: background 0.2s, transform 0.2s, color 0.2s;
 }
 
 .comment-submit:hover {
-  background: var(--accent-hover);
+  background: var(--code-bg);
+  color: var(--text);
 }
 
 /* Comment input avatar */

js/thoughts.js

@@ -690,6 +690,20 @@
       if (!response.ok) {
         throw new Error('Failed to like post');
       }
+
+      // Update local posts array with server response
+      const data = await response.json();
+      const post = posts.find(p => p.id == postId);
+      if (post) {
+        post.likes = data.likes;
+        post.user_liked = data.user_liked;
+      }
+
+      // Update UI with actual server values
+      countSpan.textContent = data.likes > 0 ? data.likes : '';
+      btn.classList.toggle('liked', data.user_liked);
+      svg.setAttribute('fill', data.user_liked ? 'currentColor' : 'none');
+
     } catch (error) {
       // Revert on error
       console.error('Error liking post:', error);