Updates to add back buttons and known router paths

src/views/ConfirmContactView.vue

@@ -5,11 +5,7 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <a
+        <router-link :to="{ name:'account' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></a>
-          href="account-view.html"
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><fa icon="chevron-left" class="fa-fw"></fa
-        ></a>
 
         Confirm Contact
       </h1>

src/views/ContactScanView.vue

@@ -4,11 +4,7 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <a
+        <router-link :to="{ name:'account' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></router-link>
-          href="account-view.html"
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><fa icon="chevron-left" class="fa-fw"></fa
-        ></a>
 
         Scan Contact
       </h1>

src/views/ImportAccountView.vue

@@ -4,11 +4,12 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <a
+        <button
-          href="start.html"
+          @click="$router.go(-1)"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><fa icon="chevron-left"></fa>
+        >
-        </a>
+          <fa icon="chevron-left"></fa>
+        </button>
         Import Existing Identity
       </h1>
     </div>

src/views/NewEditAccountView.vue

@@ -4,11 +4,12 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <a
+        <button
-          href="account-view.html"
+          @click="$router.go(-1)"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><fa icon="chevron-left" class="fa-fw"></fa>
+        >
-        </a>
+          <fa icon="chevron-left" class="fa-fw"></fa>
+        </button>
         [New/Edit] Identity
       </h1>
     </div>

src/views/NewEditCommitmentView.vue

@@ -5,10 +5,7 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <a
+        <router-link :to="{ name:'project' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa>
-          href="project-view.html"
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><fa icon="chevron-left" class="fa-fw"></fa>
         </a>
 
         Make Commitment

src/views/NewEditProjectView.vue

@@ -5,11 +5,7 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <a
+        <router-link :to="{ name: 'project' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></router-link>
-          href="project-view.html"
-          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
-          ><fa icon="chevron-left" class="fa-fw"></fa>
-        </a>
 
         [New/Edit] Project
       </h1>

src/views/ProjectViewView.vue

@@ -28,9 +28,7 @@
       </li>
       <!-- Profile -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <a href="account-view.html" class="block text-center py-3 px-1"
+        <router-link :to="{ name:'account' }" class="block text-center py-3 px-1"><fa icon="circle-user" class="fa-fw"></fa></router-link>
-          ><fa icon="circle-user" class="fa-fw"></fa
-        ></a>
       </li>
     </ul>
   </nav>
@@ -41,9 +39,7 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Back -->
-        <a href="" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+        <button @click="$router.go(-1)" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></button>
-          ><fa icon="chevron-left" class="fa-fw"></fa
-        ></a>
         <!-- Context Menu -->
         <a
           href=""
@@ -83,11 +79,7 @@
     </div>
 
     <!-- Commit -->
-    <a
+    <router-link :to="{ name:'new-edit-commitment' }" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</router-link>
-      href="commitment-edit.html"
-      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
-      >Make Commitment</a
-    >
 
     <!-- Commitments -->
     <div class="bg-slate-100 px-4 py-3 rounded-md">