MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-30 20:23:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace ElNotification

Browse Source
This commit is contained in:
pa
2026-01-13 16:24:08 +09:00
committed by Natsumi
parent a353defca1
commit 38a8247e9c
5 changed files with 98 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/stores/vrcStatus.js
View File

@@ -1,6 +1,6 @@
import { computed, ref } from 'vue';
import { ElNotification } from 'element-plus';
import { defineStore } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
import { formatDateFilter, openExternalLink } from '../shared/utils';
@@ -26,6 +26,14 @@ export const useVrcStatusStore = defineStore('VrcStatus', () => {
return lastStatus.value;
});
function dismissAlert() {
if (!alertRef.value) {
return;
}
toast.dismiss(alertRef.value);
alertRef.value = null;
}
function updateAlert() {
if (lastStatusText.value === statusText.value) {
return;
@@ -34,32 +42,28 @@ export const useVrcStatusStore = defineStore('VrcStatus', () => {
if (!statusText.value) {
if (alertRef.value) {
alertRef.value.close();
alertRef.value = ElNotification({
title: t('status.title'),
message: `${formatDateFilter(lastStatusTime.value, 'short')}: All Systems Operational`,
type: 'success',
duration: 5000,
showClose: true,
dismissAlert();
alertRef.value = toast.success(t('status.title'), {
description: `${formatDateFilter(lastStatusTime.value, 'short')}: All Systems Operational`,
position: 'bottom-right',
onClick: () => {
openStatusPage();
action: {
label: 'Open',
onClick: () => openStatusPage()
}
});
}
return;
}
alertRef.value?.close();
alertRef.value = ElNotification({
title: t('status.title'),
message: `${formatDateFilter(lastStatusTime.value, 'short')}: ${statusText.value}`,
type: 'warning',
duration: 0,
showClose: true,
dismissAlert();
alertRef.value = toast.warning(t('status.title'), {
description: `${formatDateFilter(lastStatusTime.value, 'short')}: ${statusText.value}`,
duration: Infinity,
closeButton: true,
position: 'bottom-right',
onClick: () => {
openStatusPage();
action: {
label: 'Open',
onClick: () => openStatusPage()
}
});
}