From 65d4efb936939292406b0a84cf02486ea499fa88 Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Wed, 30 Nov 2022 14:39:24 +0800
Subject: [PATCH] Updates to add back buttons and known router paths

---
 src/views/ConfirmContactView.vue    |  6 +-----
 src/views/ContactScanView.vue       |  6 +-----
 src/views/ImportAccountView.vue     |  9 +++++----
 src/views/NewEditAccountView.vue    |  9 +++++----
 src/views/NewEditCommitmentView.vue |  5 +----
 src/views/NewEditProjectView.vue    |  6 +-----
 src/views/ProjectViewView.vue       | 14 +++-----------
 7 files changed, 17 insertions(+), 38 deletions(-)

diff --git a/src/views/ConfirmContactView.vue b/src/views/ConfirmContactView.vue
index 848af6d..bf764fd 100644
--- a/src/views/ConfirmContactView.vue
+++ b/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
-          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>
+        <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>
 
         Confirm Contact
       </h1>
diff --git a/src/views/ContactScanView.vue b/src/views/ContactScanView.vue
index eef5bfb..758bd08 100644
--- a/src/views/ContactScanView.vue
+++ b/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
-          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>
+        <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>
 
         Scan Contact
       </h1>
diff --git a/src/views/ImportAccountView.vue b/src/views/ImportAccountView.vue
index cebac1d..daae4eb 100644
--- a/src/views/ImportAccountView.vue
+++ b/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
-          href="start.html"
+        <button
+          @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>
diff --git a/src/views/NewEditAccountView.vue b/src/views/NewEditAccountView.vue
index b88f619..f9b2cf2 100644
--- a/src/views/NewEditAccountView.vue
+++ b/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
-          href="account-view.html"
+        <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>
-        </a>
+        >
+          <fa icon="chevron-left" class="fa-fw"></fa>
+        </button>
         [New/Edit] Identity
       </h1>
     </div>
diff --git a/src/views/NewEditCommitmentView.vue b/src/views/NewEditCommitmentView.vue
index 27b6389..51322b5 100644
--- a/src/views/NewEditCommitmentView.vue
+++ b/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
-          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>
+        <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>
         </a>
 
         Make Commitment
diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index 4a8675c..831b078 100644
--- a/src/views/NewEditProjectView.vue
+++ b/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
-          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>
+        <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>
 
         [New/Edit] Project
       </h1>
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index 50e620a..bd0d2ed 100644
--- a/src/views/ProjectViewView.vue
+++ b/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"
-          ><fa icon="circle-user" class="fa-fw"></fa
-        ></a>
+        <router-link :to="{ name:'account' }" class="block text-center py-3 px-1"><fa icon="circle-user" class="fa-fw"></fa></router-link>
       </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"
-          ><fa icon="chevron-left" class="fa-fw"></fa
-        ></a>
+        <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>
         <!-- Context Menu -->
         <a
           href=""
@@ -83,11 +79,7 @@
     </div>
 
     <!-- Commit -->
-    <a
-      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
-    >
+    <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>
 
     <!-- Commitments -->
     <div class="bg-slate-100 px-4 py-3 rounded-md">