From 268fddda5acff58e98528ada27944db941f1e49c Mon Sep 17 00:00:00 2001
From: Marieke <marieke.sinnaeve@ugent.be>
Date: Thu, 23 May 2024 14:22:50 +0200
Subject: [PATCH 1/3] ugent logo

---
 frontend/src/components/navigation/NavBar.vue   |  5 ++---
 .../src/components/navigation/UgentLogo.vue     | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/components/navigation/UgentLogo.vue

diff --git a/frontend/src/components/navigation/NavBar.vue b/frontend/src/components/navigation/NavBar.vue
index 05855e5c..a680f975 100644
--- a/frontend/src/components/navigation/NavBar.vue
+++ b/frontend/src/components/navigation/NavBar.vue
@@ -10,9 +10,7 @@
             />
         </div>
         <template v-slot:append>
-            <div class="ugent-logo">
-                <img alt="Logo" class="logo" :src="`/src/assets/${$t('logo')}`" height="150" />
-            </div>
+            <UgentLogo />
         </template>
     </v-navigation-drawer>
 </template>
@@ -21,6 +19,7 @@
 import NavButton from "@/components/navigation/NavButton.vue";
 import { ref } from "vue";
 import useNavigations from "@/composables/useNavigations";
+import UgentLogo from "@/components/navigation/UgentLogo.vue";
 
 const { navigations } = useNavigations();
 
diff --git a/frontend/src/components/navigation/UgentLogo.vue b/frontend/src/components/navigation/UgentLogo.vue
new file mode 100644
index 00000000..f2171fd1
--- /dev/null
+++ b/frontend/src/components/navigation/UgentLogo.vue
@@ -0,0 +1,17 @@
+<template>
+    <div v-if="selectedLocale === 'nl'" class="ugent-logo">
+        <img alt="Logo" class="logo" src="@/assets/universiteit-gent-logo-white.png" height="150" />
+    </div>
+    <div v-else-if="selectedLocale === 'en'" class="ugent-logo">
+        <img alt="Logo" class="logo" src="@/assets/ghent-university-logo-white.png" height="150" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useLocaleStore } from "@/stores/locale-store";
+import { storeToRefs } from "pinia";
+
+const { selectedLocale } = storeToRefs(useLocaleStore());
+</script>
+
+<style scoped></style>

From 07d83210f55c3ed1af55083cbb02aaf8c86b1f66 Mon Sep 17 00:00:00 2001
From: Marieke <marieke.sinnaeve@ugent.be>
Date: Thu, 23 May 2024 14:26:28 +0200
Subject: [PATCH 2/3] logo on loginscreen

---
 frontend/src/views/LoginView.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
index 9b1eabf8..ba214455 100644
--- a/frontend/src/views/LoginView.vue
+++ b/frontend/src/views/LoginView.vue
@@ -9,7 +9,7 @@
             />
             <h3>{{ $t("login.about") }}</h3>
             <a class="login-button" :href="useCASUrl().CASUrl">{{ $t("login.login") }}</a>
-            <img alt="ugent logo" class="ugent-logo" :src="`/src/assets/${$t('logo')}`" />
+            <UgentLogo class="ugent-logo" />
             <LocaleSwitcher class="login-switcher" />
         </div>
     </div>
@@ -18,6 +18,7 @@
 <script setup lang="ts">
 import { useCASUrl } from "@/stores/cas-url";
 import LocaleSwitcher from "@/components/switcher/LocaleSwitcher.vue";
+import UgentLogo from "@/components/navigation/UgentLogo.vue";
 </script>
 
 <style scoped>

From f96f60e93739a5c20ee3a5ca3bcad9e0a4005a50 Mon Sep 17 00:00:00 2001
From: Marieke <marieke.sinnaeve@ugent.be>
Date: Thu, 23 May 2024 16:01:53 +0200
Subject: [PATCH 3/3] default lang

---
 frontend/src/components/navigation/UgentLogo.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/navigation/UgentLogo.vue b/frontend/src/components/navigation/UgentLogo.vue
index f2171fd1..a8ae5793 100644
--- a/frontend/src/components/navigation/UgentLogo.vue
+++ b/frontend/src/components/navigation/UgentLogo.vue
@@ -1,10 +1,10 @@
 <template>
-    <div v-if="selectedLocale === 'nl'" class="ugent-logo">
-        <img alt="Logo" class="logo" src="@/assets/universiteit-gent-logo-white.png" height="150" />
-    </div>
-    <div v-else-if="selectedLocale === 'en'" class="ugent-logo">
+    <div v-if="selectedLocale === 'en'" class="ugent-logo">
         <img alt="Logo" class="logo" src="@/assets/ghent-university-logo-white.png" height="150" />
     </div>
+    <div v-else class="ugent-logo">
+        <img alt="Logo" class="logo" src="@/assets/universiteit-gent-logo-white.png" height="150" />
+    </div>
 </template>
 
 <script setup lang="ts">