Alexandr SaVBaD Waltz
761fecf67f
Fixes: 1) Replace `ElNotification` calls with `useNotification` utility across all authentication and user-related composables; 2) Add missing semicolons in multiple index exports and styled components; 3) Resolve issues with reactivity in `useStore` composable by renaming and restructuring product variables; Extra: 1) Refactor localized strings and translations for better readability and maintenance; 2) Tweak styles including scoped styles, z-index adjustments, and SCSS mixins; 3) Remove unused components and imports to streamline storefront layout.
54 lines
No EOL
1.2 KiB
TypeScript
54 lines
No EOL
1.2 KiB
TypeScript
import {isGraphQLError} from "~/utils/error";
|
|
import type {IContactUsResponse} from "~/types";
|
|
import {CONTACT_US} from "~/graphql/mutations/contact";
|
|
import {useNotification} from "~/composables/notification";
|
|
|
|
export function useContactUs() {
|
|
const {t} = useI18n();
|
|
|
|
const { mutate, loading, error } = useMutation<IContactUsResponse>(CONTACT_US);
|
|
|
|
async function contactUs(
|
|
name: string,
|
|
email: string,
|
|
phoneNumber: string,
|
|
subject: string,
|
|
message: string
|
|
) {
|
|
const result = await mutate({
|
|
name,
|
|
email,
|
|
phoneNumber,
|
|
subject,
|
|
message
|
|
});
|
|
|
|
if (result?.data?.contactUs.received) {
|
|
useNotification(
|
|
t('popup.success.contactUs'),
|
|
'success'
|
|
);
|
|
}
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useContactUs error:', err);
|
|
let message = t('popup.errors.defaultError');
|
|
if (isGraphQLError(err)) {
|
|
message = err.graphQLErrors?.[0]?.message || message;
|
|
} else {
|
|
message = err.message;
|
|
}
|
|
useNotification(
|
|
message,
|
|
'error',
|
|
t('popup.errors.main')
|
|
);
|
|
});
|
|
|
|
return {
|
|
contactUs,
|
|
loading
|
|
};
|
|
} |