+
+
+
Oops!
- Sorry, an unexpected error has occurred.
-
- {error.statusText || error.message}
-
+ Página não encontrada.
);
}
diff --git a/src/pages/Error/styles.ts b/src/pages/Error/styles.ts
index c9379b4..7f07920 100644
--- a/src/pages/Error/styles.ts
+++ b/src/pages/Error/styles.ts
@@ -9,4 +9,14 @@ export const Container = styled.div`
align-items: center;
justify-content: center;
gap: 1rem;
+
+ img {
+ width: 200px;
+ height: 200px;
+ transition: filter 0.3s;
+ }
+
+ img:hover {
+ filter: brightness(70%);
+ }
`;
\ No newline at end of file
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 0bfab1b..4441053 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -5,6 +5,7 @@ import Lists from '../pages/Lists';
import Login from '../pages/Login';
import Register from '../pages/Register';
import Game from '../pages/Game';
+import ErrorPage from '../pages/Error';
import { PrivateRoute } from './privateRoutes';
export const AppRouter = () => {
@@ -18,6 +19,7 @@ export const AppRouter = () => {