Added error page

GrPe · Jun 4, 2024 · 0b6100f · 0b6100f
1 parent b4f411e
commit 0b6100f
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 71 deletions.
diff --git a/src/Overmoney.Portal/src/assets/error_img.png b/src/Overmoney.Portal/src/assets/error_img.png
diff --git a/src/Overmoney.Portal/src/components/views/ErrorView.vue b/src/Overmoney.Portal/src/components/views/ErrorView.vue
@@ -0,0 +1,6 @@
+<template>
+    <div class="center-form">
+        <img src="/src/assets/error_img.png" alt="cat image"/>
+        <p>Something went wrong...</p>
+    </div>
+</template>
diff --git a/src/Overmoney.Portal/src/components/views/WalletTransactionView.vue b/src/Overmoney.Portal/src/components/views/WalletTransactionView.vue
diff --git a/src/Overmoney.Portal/src/components/views/testComp.vue b/src/Overmoney.Portal/src/components/views/testComp.vue
@@ -1,6 +1,8 @@
 <template>
-test :P
-{{ 2 + 2 + '1' }}
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, doloremque.
+    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum ipsam officiis esse dolorum illum vero labore culpa placeat dolore. Mollitia optio impedit quis. Optio aperiam asperiores amet aliquid esse! Cumque?
+    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias beatae tempora magni debitis fuga ipsa reiciendis alias dignissimos a unde.
+    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum repudiandae iste debitis ullam.
 </template>
 
 <script lang="ts">

diff --git a/src/Overmoney.Portal/src/router.ts b/src/Overmoney.Portal/src/router.ts
@@ -10,6 +10,7 @@ import SettingsView from "./components/views/SettingsView.vue";
 import LoginView from "./components/views/LoginView.vue";
 import RegisterView from "./components/views/RegisterView.vue";
 import WalletView from "./components/views/WalletView.vue";
+import ErrorView from "./components/views/ErrorView.vue";
 
 const routes = [
   { path: "/login", component: LoginView, meta: { requiresAuth: false } },
@@ -28,6 +29,7 @@ const routes = [
     meta: { requiresAuth: true },
   },
   { path: "/settings", component: SettingsView, meta: { requiresAuth: true } },
+  { path: "/error", component: ErrorView, meta: { requiresAuth: false } },
 ];
 
 const router = createRouter({
@@ -47,7 +49,10 @@ router.beforeEach((to, from, next) => {
   }
   if (requiresAuth && !session.isAuthenticated) {
     next("/login");
-  } else if ((to.path === "/login" || to.path === "/register") && session.isAuthenticated) {
+  } else if (
+    (to.path === "/login" || to.path === "/register") &&
+    session.isAuthenticated
+  ) {
     next("/");
   } else {
     next();
@@ -65,6 +70,10 @@ axios.interceptors.response.use(null, (error) => {
     return Promise.resolve(null);
   }
 
+  if (error.response.status >= 500) {
+    router.push("/error");
+  }
+
   return Promise.reject(error);
 });