Alexandr SaVBaD Waltz
52b32bd608
Fixes: 1) Replace deprecated context usage in `useAvatarUpload` mutation; 2) Resolve incorrect locale parsing in `useDate` utility and fix non-reactive cart state in `profile/cart.vue`; 3) Update stale imports and standardize type naming across composables; Extra: 1) Refactor i18n strings including order status and search-related texts; 2) Replace temporary workarounds with `apollo-upload-client` configuration and add `apollo-upload-link.ts` plugin; 3) Cleanup redundant files, comments, and improve SCSS structure with new variables and placeholders.
54 lines
No EOL
1.3 KiB
TypeScript
54 lines
No EOL
1.3 KiB
TypeScript
import type {IAvatarUploadResponse,} from "~/types";
|
|
import {UPLOAD_AVATAR} from "~/graphql/mutations/user";
|
|
import {isGraphQLError} from "~/utils/error";
|
|
import {useNotification} from "~/composables/notification";
|
|
|
|
export function useAvatarUpload() {
|
|
const { t } = useI18n();
|
|
const userStore = useUserStore();
|
|
const { mutate, onDone, loading, error } = useMutation<IAvatarUploadResponse>(
|
|
UPLOAD_AVATAR,
|
|
// {
|
|
// context: { hasUpload: true }
|
|
// }
|
|
);
|
|
|
|
async function uploadAvatar(event: Event) {
|
|
const file = (event.target as HTMLInputElement).files?.[0];
|
|
if (!file) return;
|
|
console.log(file)
|
|
|
|
await mutate({ file });
|
|
}
|
|
|
|
onDone(({ data }) => {
|
|
const user = data?.uploadAvatar.user;
|
|
if (user) {
|
|
userStore.setUser(user);
|
|
useNotification({
|
|
message: t('popup.success.avatarUpload'),
|
|
type: 'success'
|
|
});
|
|
}
|
|
});
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useAvatarUpload error:', err);
|
|
let message = t('popup.errors.defaultError');
|
|
if (isGraphQLError(err)) {
|
|
message = err.graphQLErrors?.[0]?.message || message;
|
|
} else {
|
|
message = err.message;
|
|
}
|
|
useNotification({
|
|
message,
|
|
type: 'error',
|
|
title: t('popup.errors.main')
|
|
});
|
|
});
|
|
|
|
return {
|
|
uploadAvatar
|
|
};
|
|
} |