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.
41 lines
No EOL
996 B
TypeScript
41 lines
No EOL
996 B
TypeScript
import {DELETE_ADDRESS} from "@graphql/mutations/addresses";
|
|
import type {IAddressDeleteResponse} from "@types";
|
|
|
|
export function useAddressDelete() {
|
|
const { t } = useI18n();
|
|
const { $notify } = useNuxtApp();
|
|
|
|
const { mutate, loading, error } = useMutation<IAddressDeleteResponse>(DELETE_ADDRESS);
|
|
|
|
async function deleteAddress(uuid: string) {
|
|
const result = await mutate({ uuid });
|
|
|
|
if (result?.data?.deleteAddress?.success) {
|
|
$notify({
|
|
message: t('popup.success.deleteAddress'),
|
|
type: 'success',
|
|
});
|
|
}
|
|
}
|
|
|
|
watch(error, (err) => {
|
|
if (!err) return;
|
|
console.error('useAddressDelete 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 {
|
|
deleteAddress,
|
|
loading
|
|
};
|
|
} |