diff --git a/contributors.yml b/contributors.yml index fc860ea2850..14be49ef5b6 100644 --- a/contributors.yml +++ b/contributors.yml @@ -453,3 +453,4 @@ - zachdtaylor - zainfathoni - zhe +- chaukhoa97 diff --git a/docs/tutorials/jokes.md b/docs/tutorials/jokes.md index dba05ae5d7b..b7f773e9444 100644 --- a/docs/tutorials/jokes.md +++ b/docs/tutorials/jokes.md @@ -4631,7 +4631,7 @@ Awesome! We're ready to handle errors and it didn't complicate our happy path on Oh, and don't you love how just like with the `ErrorBoundary`, it's all contextual? So the rest of the app continues to function just as well. Another point for user experience 💪 -You know what, while we're adding catch boundaries. Why don't we improve the `app/routes/jokes/$jokeId.tsx` route a bit by allowing users to delete the joke if they own it. If they don't, we can give them a 401 error in the catch boundary. +You know what, while we're adding catch boundaries. Why don't we improve the `app/routes/jokes/$jokeId.tsx` route a bit by allowing users to delete the joke if they own it. If they don't, we can give them a 403 error in the catch boundary. One thing to keep in mind with `delete` is that HTML forms only support `method="get"` and `method="post"`. They don't support `method="delete"`. So to make sure our form will work with and without JavaScript, it's a good idea to do something like this: @@ -4708,7 +4708,7 @@ export const action: ActionFunction = async ({ throw new Response( "Pssh, nice try. That's not your joke", { - status: 401, + status: 403, } ); } @@ -4756,7 +4756,7 @@ export function CatchBoundary() { ); } - case 401: { + case 403: { return (