From 9b765c7fdd394ddf4410038ad620c163503991b1 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 20 Feb 2026 02:13:52 +0100
Subject: [PATCH] chore(profile): added periodic player info & history updates

---
 .../PlayerProfileView/ProfileHistoryList.vue    | 10 +++++++++-
 src/views/PlayerProfileView.vue                 | 17 ++++++++++++-----
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/components/PlayerProfileView/ProfileHistoryList.vue b/src/components/PlayerProfileView/ProfileHistoryList.vue
index ad8fb23..2a2c398 100644
--- a/src/components/PlayerProfileView/ProfileHistoryList.vue
+++ b/src/components/PlayerProfileView/ProfileHistoryList.vue
@@ -107,7 +107,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, reactive, ref } from 'vue';
+import { computed, onActivated, onDeactivated, onMounted, reactive, ref } from 'vue';
 import { dateToLocaleString, humanizeDuration } from '../../composables/time';
 import { API } from '../../typings/api';
 import { useI18n } from 'vue-i18n';
@@ -138,6 +138,8 @@ const playerId = ref(-1);
 const playerJournal = ref<API.PlayerJournal.Data | null>(null);
 const journalDataStatus = ref(Status.Data.Initialized);
 
+const intervalId = ref(-1);
+
 const activeFilterTypes = reactive<Record<JournalEntryType, boolean>>({
   Timetable: true,
   Dispatcher: true,
@@ -146,6 +148,12 @@ const activeFilterTypes = reactive<Record<JournalEntryType, boolean>>({
 
 onMounted(() => {
   fetchPlayerJournal();
+  intervalId.value = setInterval(fetchPlayerJournal, 30000);
+});
+
+onDeactivated(() => {
+  clearInterval(intervalId.value);
+  intervalId.value = -1;
 });
 
 const combinedJournal = computed<JournalEntry[]>(() => {
diff --git a/src/views/PlayerProfileView.vue b/src/views/PlayerProfileView.vue
index f3dc001..00e400b 100644
--- a/src/views/PlayerProfileView.vue
+++ b/src/views/PlayerProfileView.vue
@@ -21,12 +21,10 @@
 </template>
 
 <script lang="ts" setup>
-import axios from 'axios';
-
-import { computed, onActivated, onMounted, ref, watch } from 'vue';
-import { onBeforeRouteUpdate, useRoute } from 'vue-router';
+import { onActivated, onDeactivated, ref } from 'vue';
+import { useRoute } from 'vue-router';
 import { useApiStore } from '../store/apiStore';
-import { API, Td2API } from '../typings/api';
+import { API } from '../typings/api';
 import { useI18n } from 'vue-i18n';
 import { Status } from '../typings/common';
 
@@ -46,8 +44,17 @@ const playerName = ref('');
 const playerInfo = ref<API.PlayerInfo.Data | null>(null);
 const playerDataStatus = ref(Status.Data.Initialized);
 
+const intervalId = ref(-1);
+
 onActivated(() => {
   fetchPlayerData();
+
+  intervalId.value = setInterval(fetchPlayerData, 30000);
+});
+
+onDeactivated(() => {
+  clearInterval(intervalId.value);
+  intervalId.value = -1;
 });
 
 async function fetchPlayerData() {