Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-13 00:02:37 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: devices page (reactivity and relative timestamps)

Browse Source
This commit is contained in:
DecDuck
2025-04-07 10:37:01 +10:00
parent fe82c78571
commit 372a9bdd97
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
pages/account/devices.vue
View File

@ -68,9 +68,7 @@
</ul>
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-zinc-400">
{{
DateTime.fromISO(client.lastConnected).diffNow().toHuman()
}}
{{ DateTime.fromISO(client.lastConnected).toRelative() }}
</td>
<td
class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-3"
@ -95,7 +93,7 @@
import { CheckIcon } from "@heroicons/vue/24/outline";
import { DateTime } from "luxon";
const clients = await $dropFetch("/api/v1/user/client");
const clients = ref(await $dropFetch("/api/v1/user/client"));
async function revokeClient(id: string) {
await $dropFetch(`/api/v1/user/client/${id}`, { method: "DELETE" });
@ -104,8 +102,8 @@ async function revokeClient(id: string) {
function revokeClientWrapper(id: string) {
revokeClient(id)
.then(() => {
const index = clients.findIndex((e) => e.id == id);
clients.splice(index, 1);
const index = clients.value.findIndex((e) => e.id == id);
clients.value.splice(index, 1);
})
.catch((e) => {
createModal(