we played with the colors and add wallet.vue

src/router/index.js

@@ -14,7 +14,8 @@ import SignupView from '../views/SignupView.vue'
 import Join from '../views/main/Join.vue'
 import Home from '../views/main/Home.vue'
 import Browse from '../views/main/Browse.vue'
-import YourProfile from '../views/main/YourProfile.vue'
+import Wallet from '../views/main/Wallet.vue'
+import Profile from '../views/main/Profile.vue'
 import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
 import Leffet from '../views/manualusers/LeffetProfile.vue'
 import MathieuCaron from '../views/manualusers/MathieuCaron.vue'
@@ -111,9 +112,9 @@ const routes = [
         component: PaymentCompleted
     },
     {
-        path: '/yourprofile',
-        name: 'yourprofile',
-        component: YourProfile
+        path: '/profile',
+        name: 'profile',
+        component: Profile
     },
     {
         path: '/signup',
@@ -125,6 +126,11 @@ const routes = [
         name: 'login',
         component: LoginView
     },
+    {
+        path: '/wallet',
+        name: 'wallet',
+        component: Wallet
+    },
 
 
 ]