feat: add error catch into some points

backend/src/friends/friends.controller.ts

@@ -1,4 +1,13 @@
-import { Body, Controller, Delete, Get, Post, Put } from '@nestjs/common';
+import {
+  Body,
+  Controller,
+  Delete,
+  Get,
+  HttpException,
+  HttpStatus,
+  Post,
+  Put,
+} from '@nestjs/common';
 import { UpdateFriendDto } from './dto/updateFriend.dto';
 import { FriendsService } from './friends.service';
 import { CreateFriendDto } from './dto/createFriend.dto';
@@ -10,7 +19,20 @@ export class FriendsController {
 
   @Post()
   async createFriend(@Body() createFriendDto: CreateFriendDto) {
-    return this.friendsService.createFriend(createFriendDto);
+    try {
+      return this.friendsService.createFriend(createFriendDto);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.NOT_MODIFIED,
+          error: 'Friend not created',
+        },
+        HttpStatus.NOT_MODIFIED,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
   @Get()

backend/src/lobby/lobby.controller.ts

@@ -1,4 +1,11 @@
-import { Body, Controller, Get, Param } from '@nestjs/common';
+import {
+  Body,
+  Controller,
+  Get,
+  HttpException,
+  HttpStatus,
+  Param,
+} from '@nestjs/common';
 import { LobbyService } from './lobby.service';
 import { GetLeaderboardDto } from './dto/getLeaderboard.dto';
 
@@ -8,12 +15,41 @@ export class LobbyController {
 
   @Get('leaderboard')
   getAllLeaderboard(@Body() getLeaderboardDto: GetLeaderboardDto) {
-    return this.lobbyService.getLeaderboard(getLeaderboardDto, -1);
+    try {
+      return this.lobbyService.getLeaderboard(getLeaderboardDto, -1);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.FORBIDDEN,
+          error: 'No leaderboard found',
+        },
+        HttpStatus.FORBIDDEN,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
-	@Get('leaderboard/:limit')
-  getSomeLeaderboard(@Body() getLeaderboardDto: GetLeaderboardDto, @Param('limit') limit: string) {
-		const parsedLimit = parseInt(limit, 10);
-    return this.lobbyService.getLeaderboard(getLeaderboardDto, parsedLimit);
+  @Get('leaderboard/:limit')
+  getSomeLeaderboard(
+    @Body() getLeaderboardDto: GetLeaderboardDto,
+    @Param('limit') limit: string,
+  ) {
+    const parsedLimit = parseInt(limit, 10);
+    try {
+      return this.lobbyService.getLeaderboard(getLeaderboardDto, parsedLimit);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.FORBIDDEN,
+          error: 'No leaderboard found',
+        },
+        HttpStatus.FORBIDDEN,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 }

backend/src/users/users.controller.ts

@@ -6,6 +6,8 @@ import {
   Param,
   Patch,
   Post,
+  HttpException,
+  HttpStatus,
 } from '@nestjs/common';
 import { UsersService } from './users.service';
 import { UpdateUserDto } from './dto/updateUser.dto';
@@ -17,31 +19,109 @@ export class UsersController {
 
   @Get('me')
   findMe(@Body() dto: any) {
-    return this.service.findMe(dto);
+    try {
+      return this.service.findMe(dto);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.FORBIDDEN,
+          error: 'No user found',
+        },
+        HttpStatus.FORBIDDEN,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
   @Get()
   findAll() {
-    return this.service.findAll();
+    try {
+      return this.service.findAll();
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.FORBIDDEN,
+          error: 'No users found',
+        },
+        HttpStatus.FORBIDDEN,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
   @Get(':login')
   findOne(@Param('login') login: string) {
-    return this.service.findOne(login);
+    try {
+      return this.service.findOne(login);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.FORBIDDEN,
+          error: 'No user found',
+        },
+        HttpStatus.FORBIDDEN,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
   @Post()
   create(@Body() createUserDto: CreateUserDto) {
-    return this.service.create(createUserDto);
+    try {
+      return this.service.create(createUserDto);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.FORBIDDEN,
+          error: 'User already exists',
+        },
+        HttpStatus.FORBIDDEN,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
   @Patch(':login')
   update(@Param('login') login: string, @Body() updateUserDto: UpdateUserDto) {
-    return this.service.update(login, updateUserDto);
+    try {
+      return this.service.update(login, updateUserDto);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.NOT_MODIFIED,
+          error: 'User not modified',
+        },
+        HttpStatus.NOT_MODIFIED,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 
   @Delete(':login')
   remove(@Param('login') login: string) {
-    return this.service.remove(login);
+    try {
+      return this.service.remove(login);
+    } catch (error) {
+      throw new HttpException(
+        {
+          status: HttpStatus.NOT_MODIFIED,
+          error: 'User not deleted',
+        },
+        HttpStatus.NOT_MODIFIED,
+        {
+          cause: error,
+        },
+      );
+    }
   }
 }

frontend/package.json

@@ -25,6 +25,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.44.3",
+    "react-hot-toast": "^2.4.1",
     "react-konva": "^18.2.9",
     "react-popper": "^2.3.0",
     "socket.io-client": "^4.6.2",

frontend/src/app/(private)/layout.tsx

@@ -7,6 +7,7 @@ import Chat from "@/components/Chat";
 import Header from "@/components/Header";
 import Providers from "../login/providers";
 import { ChatProvider } from "@/contexts/ChatContext";
+import { Toaster } from "react-hot-toast";
 
 export const metadata: Metadata = {
   title: "Game | 42 Transcendence",
@@ -21,6 +22,7 @@ export default function RootPrivateLayout({
   return (
     <html lang="en">
       <body className="bg-black42-100 flex">
+        <Toaster />
         <Providers>
           <div className="flex flex-col md:flex-row">
             <Sidebar />

frontend/src/app/error.tsx

@@ -0,0 +1,30 @@
+"use client"; // Error components must be Client Components
+
+import { useEffect } from "react";
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error;
+  reset: () => void;
+}) {
+  useEffect(() => {
+    // Log the error to an error reporting service
+    console.error(error);
+  }, [error]);
+
+  return (
+    <div>
+      <h2>Something went wrong!</h2>
+      <button
+        onClick={
+          // Attempt to recover by trying to re-render the segment
+          () => reset()
+        }
+      >
+        Try again
+      </button>
+    </div>
+  );
+}

frontend/src/app/login/auth/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { toast } from "react-hot-toast";
 
 // TODO: refactor states and input to be a client component, and use the client component here, also remove use client from top
 
@@ -22,6 +23,7 @@ export default function AuthPage() {
 
   const handleSubmit = () => {
     // Handle submission logic here
+    toast.success("Código validado com sucesso!");
     console.log("Submitted code:", code);
     router.push("/game");
   };

frontend/src/app/login/layout.tsx

@@ -1,5 +1,6 @@
 import { Metadata } from "next";
 import Providers from "./providers";
+import { Toaster } from "react-hot-toast";
 
 export const metadata: Metadata = {
   title: "42 Transcendence",
@@ -14,6 +15,7 @@ export default function RootLoginPublicLayout({
   return (
     <html lang="en">
       <body>
+        <Toaster />
         <Providers>{children}</Providers>
       </body>
     </html>

frontend/src/app/page.tsx

@@ -1,8 +1,10 @@
 import Image from "next/image";
+import { Toaster } from "react-hot-toast";
 
 export default function Page() {
   return (
     <div className="max-w-screen-xl m-auto">
+      <Toaster />
       <div className="flex flex-col h-screen md:flex-row">
         <div className="flex flex-col md:flex-1">
           <div className="flex flex-col flex-1 justify-center items-center md:items-start mx-4">