From e7fd6860d3e2a60f1c583f9fa67c5d4c000ebc81 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Thu, 23 Sep 2021 16:45:57 +0200
Subject: [PATCH] Client - minor refactor

---
 .../src/components/{ => Common}/Error.vue     |  0
 .../src/components/Common/NotFound.vue        | 31 +++++++++++++++++++
 fittrackee_client/src/router/index.ts         |  4 +--
 .../views/{NotFound.vue => NotFoundView.vue}  | 12 +++----
 4 files changed, 37 insertions(+), 10 deletions(-)
 rename fittrackee_client/src/components/{ => Common}/Error.vue (100%)
 create mode 100644 fittrackee_client/src/components/Common/NotFound.vue
 rename fittrackee_client/src/views/{NotFound.vue => NotFoundView.vue} (60%)

diff --git a/fittrackee_client/src/components/Error.vue b/fittrackee_client/src/components/Common/Error.vue
similarity index 100%
rename from fittrackee_client/src/components/Error.vue
rename to fittrackee_client/src/components/Common/Error.vue
diff --git a/fittrackee_client/src/components/Common/NotFound.vue b/fittrackee_client/src/components/Common/NotFound.vue
new file mode 100644
index 00000000..265e1150
--- /dev/null
+++ b/fittrackee_client/src/components/Common/NotFound.vue
@@ -0,0 +1,31 @@
+<template>
+  <Error
+    title="404"
+    :message="t(`error.NOT_FOUND.${target}`)"
+    :button-text="t('common.HOME')"
+  />
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  import Error from '@/components/Common/Error.vue'
+
+  export default defineComponent({
+    name: 'NotFoundView',
+    components: {
+      Error,
+    },
+    props: {
+      target: {
+        type: String,
+        default: 'PAGE',
+      },
+    },
+    setup() {
+      const { t } = useI18n()
+      return { t }
+    },
+  })
+</script>
diff --git a/fittrackee_client/src/router/index.ts b/fittrackee_client/src/router/index.ts
index b83c2dba..6e3bf13b 100644
--- a/fittrackee_client/src/router/index.ts
+++ b/fittrackee_client/src/router/index.ts
@@ -4,7 +4,7 @@ import store from '@/store'
 import { USER_STORE } from '@/store/constants'
 import Dashboard from '@/views/DashBoard.vue'
 import LoginOrRegister from '@/views/LoginOrRegister.vue'
-import NotFound from '@/views/NotFound.vue'
+import NotFoundView from '@/views/NotFoundView.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -24,7 +24,7 @@ const routes: Array<RouteRecordRaw> = [
     component: LoginOrRegister,
     props: { action: 'register' },
   },
-  { path: '/:pathMatch(.*)*', name: 'not-found', component: NotFound },
+  { path: '/:pathMatch(.*)*', name: 'not-found', component: NotFoundView },
 ]
 
 const router = createRouter({
diff --git a/fittrackee_client/src/views/NotFound.vue b/fittrackee_client/src/views/NotFoundView.vue
similarity index 60%
rename from fittrackee_client/src/views/NotFound.vue
rename to fittrackee_client/src/views/NotFoundView.vue
index 971772ab..24d334ad 100644
--- a/fittrackee_client/src/views/NotFound.vue
+++ b/fittrackee_client/src/views/NotFoundView.vue
@@ -1,10 +1,6 @@
 <template>
   <div class="not-found">
-    <Error
-      title="404"
-      :message="t('error.NOT_FOUND.PAGE')"
-      :button-text="t('common.HOME')"
-    />
+    <NotFound />
   </div>
 </template>
 
@@ -12,12 +8,12 @@
   import { defineComponent } from 'vue'
   import { useI18n } from 'vue-i18n'
 
-  import Error from '@/components/Error.vue'
+  import NotFound from '@/components/Common/NotFound.vue'
 
   export default defineComponent({
-    name: 'NotFound',
+    name: 'NotFoundView',
     components: {
-      Error,
+      NotFound,
     },
     setup() {
       const { t } = useI18n()