Alexandr SaVBaD Waltz
048da0e251
Introduced address management functionality, including address creation, deletion, and display with full localization support. Integrated GraphQL queries, mutations, and reusable composables for backend communication. - Added `addresses.vue` to profile for managing user addresses. - Implemented `useAddressCreate`, `useAddressDelete`, and `useAddressAutocomplete` composables. - Created reusable components: `forms/address.vue` and `cards/address.vue`. - Updated `navigation.vue` to include addresses in profile navigation. - Enhanced localization files for address-related translations. This improves user experience by enabling comprehensive address management in the profile section. No breaking changes.
47 lines
No EOL
1.1 KiB
TypeScript
47 lines
No EOL
1.1 KiB
TypeScript
import {CREATE_ADDRESS} from "@graphql/mutations/addresses";
|
|
import type {IAddressCreateResponse} from "@types";
|
|
|
|
interface ICreateAddressArgs {
|
|
rawData: string;
|
|
addressLine1: string;
|
|
addressLine2?: string;
|
|
}
|
|
|
|
export function useAddressCreate() {
|
|
const { t } = useI18n();
|
|
const { $notify } = useNuxtApp();
|
|
|
|
const { mutate, loading, error } = useMutation<IAddressCreateResponse>(CREATE_ADDRESS);
|
|
|
|
async function createAddress(args: ICreateAddressArgs) {
|
|
const result = await mutate(args);
|
|
|
|
if (result?.data?.createAddress?.address?.uuid) {
|
|
$notify({
|
|
message: t('popup.success.createAddress'),
|
|
type: 'success',
|
|
});
|
|
}
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useAddressCreate error:', err);
|
|
let message = t('popup.errors.defaultError');
|
|
if (isGraphQLError(err)) {
|
|
message = err.graphQLErrors?.[0]?.message || message;
|
|
} else {
|
|
message = err.message;
|
|
}
|
|
$notify({
|
|
message,
|
|
type: 'error',
|
|
title: t('popup.errors.main'),
|
|
});
|
|
});
|
|
|
|
return {
|
|
createAddress,
|
|
loading
|
|
};
|
|
} |