From 3219d625a9c142b8fcd76e2cb167c50f6060b92e Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 4 Feb 2022 01:29:19 +0100
Subject: [PATCH] =?UTF-8?q?Dodanie=20widoku=20b=C5=82=C4=99du=20w=20zast?=
 =?UTF-8?q?=C4=99pstwie=20za=20widok=20RJ?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts     |  4 ++--
 src/views/ErrorView.vue | 51 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 src/views/ErrorView.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 753668c..62c71f5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -22,8 +22,8 @@ const routes: Array<RouteRecordRaw> = [
   },
   {
     path: "/journal",
-    name: "JournalView",
-    component: () => import("@/views/JournalView.vue"),
+    name: "ErrorView",
+    component: () => import("@/views/ErrorView.vue"),
   },
   {
     path: '/:catchAll(.*)',
diff --git a/src/views/ErrorView.vue b/src/views/ErrorView.vue
new file mode 100644
index 0000000..c69d884
--- /dev/null
+++ b/src/views/ErrorView.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="error-view">
+    <div class="container">
+      <img :src="icons.error" alt="error" />
+      <div class="desc">Z powodu błędu w zapisywaniu rozkładów jazdy w tej zakładce można do odwołania nacieszyć się animacją sygnału S1a. Jak naprawię to będzie :)</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from '@vue/runtime-core';
+
+export default defineComponent({
+  data: () => ({
+    icons: {
+      error: require('@/assets/icon-error.svg'),
+    },
+  }),
+});
+</script>
+
+<style lang="scss" scoped>
+.error-view {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  margin-top: 5em;
+
+  padding: 1em;
+}
+
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+  max-width: 500px;
+}
+
+.desc {
+  text-align: center;
+  font-size: 1.4em;
+  margin-top: 1em;
+}
+
+img {
+  width: 15em;
+}
+</style>