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>