Merge pull request #178 from FotieMConstant/development

Added the message tab and fixed the little bug on the home page which…

eru/src/App.vue

@@ -6,7 +6,7 @@
     <!-- show footer only if the user isn't logged in -->
     <Footer v-if="!loggedIn" />
     <!-- show app bar only if the user is logged in -->
-    <Appbar v-if="loggedIn" routeToHome="/" routeToProfile="/u/profile" />
+    <Appbar v-if="loggedIn" routeToHome="/" routeToProfile="/u/profile" routeToChat="/u/chat" />
   </v-app>
 </template>
 

eru/src/components/ChatComponent.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="mt-16">
+    <center>
+      This feature is not yet available.
+      <div>Coming soon, Stay tuned!</div>
+    </center>
+  </div>
+</template>

eru/src/components/HomeComponent.vue

@@ -2,7 +2,8 @@
   <div>
     <v-container id="wrapper" class="pa-12 mx-auto mt-5" elevation="12" max-width="500">
       <center>
-        <h3 class="title font-weight-regular mb-5">Add your partner to get started.</h3>
+        <h2 v-if="partnerInfo && currentUser" class="title font-weight-regular mb-5">Bond</h2>
+        <h3 v-else class="title font-weight-regular mb-5">Add your partner to get started.</h3>
         <BondAvatars
           v-if="partnerInfo && currentUser"
           :yourPhoto="currentUser.photoURL"

eru/src/components/userComponents/Appbar.vue

@@ -5,6 +5,9 @@
         <v-tab dark :to="routeToHome" class="primary--text">
           <v-icon color="primary">mdi-fire</v-icon>
         </v-tab>
+        <v-tab dark :to="routeToChat" class="primary--text">
+          <v-icon color="primary">mdi-email</v-icon>
+        </v-tab>
         <v-tab :to="routeToProfile" class="primary--text">
           <v-icon color="primary">mdi-account-circle</v-icon>
         </v-tab>
@@ -16,6 +19,7 @@
 export default {
   props: {
     routeToHome: String,
+    routeToChat: String,
     routeToProfile: String,
   },
 };

eru/src/router/index.js

@@ -6,6 +6,7 @@ import Auth from '../views/Auth.vue';
 import Profile from '../views/Profile.vue';
 import AcceptInvite from '../views/AcceptInvite.vue';
 import userComponents from '../views/userComponents.vue';
+import Chat from '../views/Chat.vue';
 
 Vue.use(VueRouter);
 
@@ -41,6 +42,11 @@ const routes = [
     name: 'userComponents',
     component: userComponents,
   },
+  {
+    path: '/u/chat',
+    name: 'Chat',
+    component: Chat,
+  },
   {
     path: '/about',
     name: 'About',

eru/src/views/Chat.vue

@@ -0,0 +1,21 @@
+<template>
+  <span>
+    <ChatComponent />
+  </span>
+</template>
+
+
+<script>
+import ChatComponent from '@/components/ChatComponent.vue';
+export default {
+  name: 'Chat',
+  components: {
+    ChatComponent,
+  },
+};
+</script>
+
+
+<style>
+/* css */
+</style>