feat: added error page

frontend/src/core/components/ui/button/index.ts

@@ -17,8 +17,8 @@ export const buttonVariants = cva(
 			size: {
 				default: 'h-14 px-4 py-4',
 				xs: 'h-7 rounded px-2',
-				sm: 'h-9 rounded-md px-3',
-				lg: 'h-14 rounded-md px-8',
+				sm: 'h-9 px-3',
+				lg: 'h-14 px-8',
 				icon: 'h-10 w-10',
 			},
 		},

frontend/src/modules/auth/service/auth.service.ts

@@ -13,7 +13,7 @@ class AuthService {
 	}
 
 	async getCurrentUser() {
-		return axios.get<CurrentUser>(`${this.baseUrl}/current`).then(res => res.data)
+		return axios.get<CurrentUser>(`${this.baseUrl}/current-user`)
 	}
 }
 

frontend/src/modules/errors/pages/internal-error-page.vue

@@ -1,7 +1,24 @@
 <template>
-	<div>Internal server error</div>
+	<div class="h-full flex flex-col items-center justify-center">
+		<p class="text-center text-5xl md:text-7xl font-bold text-primary">Oops!</p>
+		<p class="text-center text-lg md:text-xl mt-2 md:mt-5 text-muted-foreground">
+			Something went wrong
+		</p>
+		<RouterLink :to="{name: ROUTES.LANDING}">
+			<Button
+				class="mt-8"
+				size="lg"
+			>
+				Return to home
+			</Button>
+		</RouterLink>
+	</div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Button } from '@/core/components/ui/button'
+import { ROUTES } from '@/core/config/routes.config'
+import { RouterLink } from 'vue-router'
+</script>
 
 <style scoped></style>

frontend/vite.config.ts

@@ -29,12 +29,12 @@ export default defineConfig({
 		},
 	},
 	server: {
-		// proxy: {
-		// 	'/api': {
-		// 		target: 'http://localhost:5173',
-		// 		changeOrigin: true,
-		// 		secure: false,
-		// 	},
-		// },
+		proxy: {
+			'/api': {
+				target: 'http://localhost:8080',
+				changeOrigin: true,
+				secure: false,
+			},
+		},
 	},
 })