Refactored and fixed FAQ

src/components/BaseComponents/InputField.vue

-<template>
-  <input
-    class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
-  />
-</template>
-
-<script>
-export default {
-  name: "InputField",
-};
-</script>

src/components/BaseComponents/NotificationsForm.vue

-<template>
-  <div>This is a notification page</div>
-</template>
-
-<script>
-export default {
-  name: "NotificationsForm",
-};
-</script>
-
-<style scoped></style>

src/router/index.js

@@ -47,7 +47,7 @@ const routes = [
   {
     path: "/register",
     name: "register",
-    component: () => import("../views/FormViews/RegisterView.vue"),
+    component: () => import("../views/UserAuthViews/RegisterView.vue"),
   },
   {
     path: "/messages",
@@ -58,12 +58,12 @@ const routes = [
   {
     path: "/login",
     name: "login",
-    component: () => import("../views/FormViews/LoginView.vue"),
+    component: () => import("../views/UserAuthViews/LoginView.vue"),
   },
   {
     path: "/newPassword",
     name: "newPassword",
-    component: () => import("../views/FormViews/NewPasswordView"),
+    component: () => import("../views/UserAuthViews/NewPasswordView"),
     beforeEnter: guardRoute,
   },
   {
@@ -74,7 +74,7 @@ const routes = [
   {
     path: "/resetPassword",
     name: "resetPassword",
-    component: () => import("../views/FormViews/ResetPasswordView.vue"),
+    component: () => import("../views/UserAuthViews/ResetPasswordView.vue"),
   },
   {
     path: "/newCommunity",
@@ -94,13 +94,6 @@ const routes = [
     component: () => import("../views/ItemViews/NewItemView.vue"),
     beforeEnter: guardRoute,
   },
-  {
-    path: "/notifications",
-    name: "notifications",
-    component: () =>
-      import("../components/BaseComponents/NotificationsForm.vue"),
-    beforeEnter: guardRoute,
-  },
   {
     path: "/community/:communityID",
     name: "communityHome",

src/views/HelpView.vue

 <template>
-  <div class="mt-6 bg-white justify-center w-screen">
+  <div class="mt-10 bg-white justify-center w-screen">
     <div id="contact" class="grid place-items-center w-full">
       <div class="lg:mb-0 text-gray-700 w-full">
         <div class="mx-4">
-          <h2 class="text-primary-dark mb-6 uppercase font-bold text-2xl">
+          <h2 class="flex justify-center text-primary-dark mb-6 uppercase font-bold text-2xl mt-4">
             Kontakt oss
           </h2>
-          <p class="text-gray-500 leading-relaxed mb-9">
+          <p class="flex justify-center mx-auto text-gray-500 leading-relaxed mb-12 max-w-md mt-8">
             {{ contact.description }}
           </p>
         </div>
-        <div class="flex mb-8 ml-2 w-full">
+        <div class="flex justify-center mb-12 w-full">
           <div class="max-w-14 max-h-14 min-h-14 min-w-14">
             <LocationMarkerIcon
               class="w-14 h-14 text-primary-dark rounded mr-4"
@@ -23,7 +23,7 @@
             <p>{{ contact.country }}</p>
           </div>
         </div>
-        <div class="flex mb-8 ml-2 max-w-[370px] w-full">
+        <div class="flex justify-center mb-10 w-full pr-11">
           <div class="max-w-14 max-h-14 min-h-14 min-w-14">
             <MailIcon class="w-14 h-14 text-primary-dark rounded mr-4" />
           </div>
@@ -36,7 +36,7 @@
     </div>
     <div id="faq">
       <div
-        class="mx-auto text-center px-4 text-2xl text-primary-dark font-semibold"
+        class="mx-auto text-center px-4 mt-8 text-2xl text-primary-dark font-semibold"
       >
         Ofte stilte spørsmål
       </div>

src/views/FormViews/LoginView.vue → src/views/UserAuthViews/LoginView.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import LoginForm from "@/components/FormComponents/LoginForm";
+import LoginForm from "@/components/UserAuthComponents/LoginForm";
 export default {
   name: "LoginView.vue",
   components: {

src/views/FormViews/NewPasswordView.vue → src/views/UserAuthViews/NewPasswordView.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import NewPasswordForm from "@/components/FormComponents/NewPasswordForm";
+import NewPasswordForm from "@/components/UserAuthComponents/NewPasswordForm";
 export default {
   name: "NewPasswordView.vue",
   components: {

src/views/FormViews/RegisterView.vue → src/views/UserAuthViews/RegisterView.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import RegisterFormComponent from "../../components/FormComponents/RegisterForm.vue";
+import RegisterFormComponent from "../../components/UserAuthComponents/RegisterForm.vue";
 
 export default {
   components: {

src/views/FormViews/ResetPasswordView.vue → src/views/UserAuthViews/ResetPasswordView.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import ResetPassword from "@/components/FormComponents/ResetPasswordForm";
+import ResetPassword from "@/components/UserAuthComponents/ResetPasswordForm";
 export default {
   name: "ResetPasswordView.vue",
   components: {

tests/unit/component-tests/user-component-tests/login-form.spec.js

 import { mount } from "@vue/test-utils";
-import LoginForm from "@/components/FormComponents/LoginForm.vue";
+import LoginForm from "@/components/UserAuthComponents/LoginForm.vue";
 
 describe("LoginForm component", () => {
   let wrapper;

tests/unit/component-tests/user-component-tests/new-password-form.spec.js

 import { mount } from "@vue/test-utils";
-import NewPasswordForm from "@/components/FormComponents/NewPasswordForm.vue";
+import NewPasswordForm from "@/components/UserAuthComponents/NewPasswordForm.vue";
 
 describe("NewPasswordForm component", () => {
   let wrapper;

tests/unit/component-tests/user-component-tests/register-user-component.spec.js

 import { mount } from "@vue/test-utils";
-import RegisterFormComponent from "@/components/FormComponents/RegisterForm";
+import RegisterFormComponent from "@/components/UserAuthComponents/RegisterForm";
 
 describe("RegisterFormComponent", () => {
   let wrapper;

tests/unit/component-tests/user-component-tests/reset-password-form.spec.js

 import { mount } from "@vue/test-utils";
-import ResetPasswordForm from "@/components/FormComponents/ResetPasswordForm.vue";
+import ResetPasswordForm from "@/components/UserAuthComponents/ResetPasswordForm.vue";
 
 describe("ResetPasswordForm component", () => {
   let wrapper;