From: Adam Dullage <redacted>
Date: Fri, 26 Apr 2024 07:24:16 +0000 (+0100)
Subject: Temporary navigation links
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=f8b50da4526751bb3fa5bfe21b5a6f16aa7abc40;p=flatnotes.git

Temporary navigation links
---

diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index 755a35c..a95739b 100644
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -3,23 +3,26 @@
     <RouterLink to="/">
       <Logo :class="{ invisible: hideLogo }"></Logo>
     </RouterLink>
-    <div>
+    <div class="flex">
       <CustomButton
         :iconPath="mdilPlusCircle"
         label="New Note"
         @click="toggleTheme"
       />
+      <CustomButton :iconPath="mdilLogout" label="Log Out" @click="logOut" />
     </div>
   </nav>
 </template>
 
 <script setup>
-import { mdilPlusCircle } from "@mdi/light-js";
-import { RouterLink } from "vue-router";
+import { mdilLogout, mdilPlusCircle } from "@mdi/light-js";
+import { RouterLink, useRouter } from "vue-router";
 
 import CustomButton from "../components/CustomButton.vue";
 import Logo from "../components/Logo.vue";
 
+const router = useRouter();
+
 defineProps({
   hideLogo: Boolean,
 });
@@ -27,4 +30,9 @@ defineProps({
 function toggleTheme() {
   document.body.classList.toggle("dark-theme");
 }
+
+function logOut() {
+  router.push({ name: "login" });
+  // TODO: Implement log out functionality
+}
 </script>
diff --git a/client/views/LogIn.vue b/client/views/LogIn.vue
index 7397ee7..c103321 100644
--- a/client/views/LogIn.vue
+++ b/client/views/LogIn.vue
@@ -22,14 +22,17 @@
 <script setup>
 import { mdilLogin } from "@mdi/light-js";
 import { ref } from "vue";
+import { RouterLink, useRouter } from "vue-router";
 
 import CustomButton from "../components/CustomButton.vue";
 import Logo from "../components/Logo.vue";
 import TextInput from "../components/TextInput.vue";
 
+const router = useRouter();
 const rememberMe = ref(false);
 
 function login() {
-  console.log("logging in..."); // TODO: Implement login functionality
+  router.push({ name: "home" });
+  // TODO: Implement login functionality
 }
 </script>