USER STORY: Watch/unwatch tasks

[blahosyl]

As a Logged-in User,

I want to watch/unwatch tasks,

so that I can update which tasks appear in my Watched feed

Acceptance Criteria

1. The TaskDetail page has a clickable "eye" icon, where users can watch/unwatch tasks
2. The icon changes color depending on whether the Logged-in User already watches the post

Tasks

• [x] make API request & update Task data if successful
• [x] write handleWatch & handleUnwatch functions
• [x] if watched_id exists (task is watched), handleUnwatch() on clicking the eye icon
• [x] if watched_id doesn't exist (task is not watched) & there is a logged in user (currentUser), handleWatch() on clicking the eye icon

[blahosyl]

Getting a 400 error

[blahosyl]

Unwatching works without issues, only watching is a problem.

[blahosyl]

I contacted tutoring reagarding the 400 issue with watching tasks.

After tutor Osisin showed me how I can see Django errors in the network tab of Chrome Dev tools, I discovered that the watcher endpoint was missing the watched:id.

Changing {task: id} to {watched:id} in the API call in Task.js solved the issue (dbff1d1).