mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-20 23:33:50 +02:00
replace ElMessage with Sonner
This commit is contained in:
@@ -54,8 +54,8 @@
|
||||
|
||||
<script setup>
|
||||
import { Close, Refresh, Upload } from '@element-plus/icons-vue';
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { toast } from 'vue-sonner';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import { useGalleryStore, useUserStore } from '../../../stores';
|
||||
@@ -98,18 +98,12 @@
|
||||
}
|
||||
if (files[0].size >= 100000000) {
|
||||
// 100MB
|
||||
ElMessage({
|
||||
message: t('message.file.too_large'),
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(t('message.file.too_large'));
|
||||
clearFile();
|
||||
return;
|
||||
}
|
||||
if (!files[0].type.match(/image.*/)) {
|
||||
ElMessage({
|
||||
message: t('message.file.not_image'),
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(t('message.file.not_image'));
|
||||
clearFile();
|
||||
return;
|
||||
}
|
||||
@@ -118,10 +112,7 @@
|
||||
const base64Body = btoa(r.result.toString());
|
||||
vrcPlusImageRequest.uploadGalleryImage(base64Body).then((args) => {
|
||||
handleGalleryImageAdd(args);
|
||||
ElMessage({
|
||||
message: t('message.gallery.uploaded'),
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(t('message.gallery.uploaded'));
|
||||
if (Object.keys(galleryTable.value).length !== 0) {
|
||||
galleryTable.value.unshift(args.json);
|
||||
}
|
||||
|
||||
@@ -1155,8 +1155,9 @@
|
||||
Warning
|
||||
} from '@element-plus/icons-vue';
|
||||
import { computed, nextTick, reactive, ref, watch } from 'vue';
|
||||
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||
import { ElMessageBox } from 'element-plus';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { toast } from 'vue-sonner';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import {
|
||||
@@ -1545,15 +1546,9 @@
|
||||
getGroupDialogGroup(id);
|
||||
}
|
||||
if (args.json.membershipStatus === 'member') {
|
||||
ElMessage({
|
||||
message: 'Group joined',
|
||||
type: 'success'
|
||||
});
|
||||
toast.success('Group joined');
|
||||
} else if (args.json.membershipStatus === 'requested') {
|
||||
ElMessage({
|
||||
message: 'Group join request sent',
|
||||
type: 'success'
|
||||
});
|
||||
toast.success('Group join request sent');
|
||||
}
|
||||
return args;
|
||||
});
|
||||
|
||||
@@ -864,8 +864,8 @@
|
||||
<script setup>
|
||||
import { ArrowDown, Delete, Loading, Refresh, Warning } from '@element-plus/icons-vue';
|
||||
import { reactive, ref, watch } from 'vue';
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { toast } from 'vue-sonner';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import { debounce, formatDateFilter, hasGroupPermission, userImage, userImageFull } from '../../../shared/utils';
|
||||
@@ -1080,18 +1080,12 @@
|
||||
});
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to delete group invites: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to delete group invites: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Deleted ${memberCount} group invites`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Deleted ${memberCount} group invites`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1132,10 +1126,7 @@
|
||||
}
|
||||
groupBansModerationTable.data = fetchedBans;
|
||||
} catch {
|
||||
ElMessage({
|
||||
message: 'Failed to get group bans',
|
||||
type: 'error'
|
||||
});
|
||||
toast.error('Failed to get group bans');
|
||||
} finally {
|
||||
isGroupMembersLoading.value = false;
|
||||
}
|
||||
@@ -1163,13 +1154,10 @@
|
||||
await groupRequest.banGroupMember({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to ban group member: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to ban group member: ${err}`);
|
||||
}
|
||||
}
|
||||
ElMessage({ message: `Banned ${memberCount} group members`, type: 'success' });
|
||||
toast.success(`Banned ${memberCount} group members`);
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
getAllGroupBans(D.id);
|
||||
@@ -1192,16 +1180,13 @@
|
||||
await groupRequest.unbanGroupMember({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to unban group member: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to unban group member: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
|
||||
if (allSuccess) {
|
||||
ElMessage({ message: `Unbanned ${memberCount} group members`, type: 'success' });
|
||||
toast.success(`Unbanned ${memberCount} group members`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1226,15 +1211,12 @@
|
||||
await groupRequest.kickGroupMember({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to kick group member: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to kick group member: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({ message: `Kicked ${memberCount} group members`, type: 'success' });
|
||||
toast.success(`Kicked ${memberCount} group members`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1262,15 +1244,12 @@
|
||||
handleGroupMemberProps(args);
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to set group member note for ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to set group member note for ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({ message: `Saved notes for ${memberCount} group members`, type: 'success' });
|
||||
toast.success(`Saved notes for ${memberCount} group members`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1310,19 +1289,13 @@
|
||||
handleGroupMemberRoleChange(args);
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to remove group member roles: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to remove group member roles: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Roles removed`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Roles removed`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1358,19 +1331,13 @@
|
||||
handleGroupMemberRoleChange(args);
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to add group member roles: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to add group member roles: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Added group member roles`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Added group member roles`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1462,10 +1429,7 @@
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
ElMessage({
|
||||
message: 'Failed to get group logs',
|
||||
type: 'error'
|
||||
});
|
||||
toast.error('Failed to get group logs');
|
||||
} finally {
|
||||
isGroupMembersLoading.value = false;
|
||||
}
|
||||
@@ -1492,18 +1456,12 @@
|
||||
await groupRequest.deleteBlockedGroupRequest({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to delete blocked group requests: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to delete blocked group requests: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Deleted ${memberCount} blocked group requests`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Deleted ${memberCount} blocked group requests`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1528,18 +1486,12 @@
|
||||
await groupRequest.blockGroupInviteRequest({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to block group join requests: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to block group join requests: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Blocked ${memberCount} group join requests`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Blocked ${memberCount} group join requests`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1565,18 +1517,12 @@
|
||||
await groupRequest.rejectGroupInviteRequest({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to reject group join requests: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to reject group join requests: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Rejected ${memberCount} group join requests`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Rejected ${memberCount} group join requests`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1601,18 +1547,12 @@
|
||||
await groupRequest.acceptGroupInviteRequest({ groupId: D.id, userId: user.userId });
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
ElMessage({
|
||||
message: `Failed to accept group join requests: ${err}`,
|
||||
type: 'error'
|
||||
});
|
||||
toast.error(`Failed to accept group join requests: ${err}`);
|
||||
allSuccess = false;
|
||||
}
|
||||
}
|
||||
if (allSuccess) {
|
||||
ElMessage({
|
||||
message: `Accepted ${memberCount} group join requests`,
|
||||
type: 'success'
|
||||
});
|
||||
toast.success(`Accepted ${memberCount} group join requests`);
|
||||
}
|
||||
progressCurrent.value = 0;
|
||||
progressTotal.value = 0;
|
||||
@@ -1657,10 +1597,7 @@
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
ElMessage({
|
||||
message: 'Failed to get group join requests',
|
||||
type: 'error'
|
||||
});
|
||||
toast.error('Failed to get group join requests');
|
||||
} finally {
|
||||
isGroupMembersLoading.value = false;
|
||||
}
|
||||
@@ -1690,10 +1627,7 @@
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
ElMessage({
|
||||
message: 'Failed to get group join requests',
|
||||
type: 'error'
|
||||
});
|
||||
toast.error('Failed to get group join requests');
|
||||
} finally {
|
||||
isGroupMembersLoading.value = false;
|
||||
}
|
||||
@@ -1727,10 +1661,7 @@
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
ElMessage({
|
||||
message: 'Failed to get group invites',
|
||||
type: 'error'
|
||||
});
|
||||
toast.error('Failed to get group invites');
|
||||
} finally {
|
||||
isGroupMembersLoading.value = false;
|
||||
}
|
||||
|
||||
@@ -99,7 +99,7 @@
|
||||
|
||||
<script setup>
|
||||
import { computed, ref } from 'vue';
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { toast } from 'vue-sonner';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import { groupRequest, vrcPlusIconRequest } from '../../../api';
|
||||
@@ -160,10 +160,7 @@
|
||||
return;
|
||||
}
|
||||
if (!D.title || !D.text) {
|
||||
ElMessage({
|
||||
message: 'Title and text are required',
|
||||
type: 'warning'
|
||||
});
|
||||
toast.warning('Title and text are required');
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
@@ -180,20 +177,14 @@
|
||||
}
|
||||
groupRequest.editGroupPost(params).then((args) => {
|
||||
handleGroupPost(args);
|
||||
ElMessage({
|
||||
message: 'Group post edited',
|
||||
type: 'success'
|
||||
});
|
||||
toast.success('Group post edited');
|
||||
});
|
||||
D.visible = false;
|
||||
}
|
||||
function createGroupPost() {
|
||||
const D = groupPostEditDialog.value;
|
||||
if (!D.title || !D.text) {
|
||||
ElMessage({
|
||||
message: 'Title and text are required',
|
||||
type: 'warning'
|
||||
});
|
||||
toast.warning('Title and text are required');
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
@@ -210,10 +201,7 @@
|
||||
}
|
||||
groupRequest.createGroupPost(params).then((args) => {
|
||||
handleGroupPost(args);
|
||||
ElMessage({
|
||||
message: 'Group post created',
|
||||
type: 'success'
|
||||
});
|
||||
toast.success('Group post created');
|
||||
});
|
||||
D.visible = false;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user