b470cb21a1
## Summary This PR upgrades Apollo Client from v3.10.0 to v4 and refactors error handling patterns across the codebase to use a new centralized `useSnackBarOnQueryError` hook. ## Key Changes - **Dependency Update**: Upgraded `@apollo/client` from `^3.10.0` to `^3.11.0` in root package.json - **New Hook**: Added `useSnackBarOnQueryError` hook for centralized Apollo query error handling with snack bar notifications - **Error Handling Refactor**: Updated 100+ files to use the new error handling pattern: - Removed direct `ApolloError` imports where no longer needed - Replaced manual error handling logic with `useSnackBarOnQueryError` hook - Simplified error handling in hooks and components across multiple modules - **GraphQL Codegen**: Updated codegen configuration files to work with Apollo Client v3.11.0 - **Type Definitions**: Added TypeScript declaration file for `apollo-upload-client` module - **Test Updates**: Updated test files to reflect new error handling patterns ## Notable Implementation Details - The new `useSnackBarOnQueryError` hook provides a consistent way to handle Apollo query errors with automatic snack bar notifications - Changes span across multiple feature areas: auth, object records, settings, workflows, billing, and more - All changes maintain backward compatibility while improving code maintainability and reducing duplication - Jest configuration updated to work with the new Apollo Client version https://claude.ai/code/session_019WGZ6Rd7sEHuBg9sTrXRqJ --------- Co-authored-by: Claude <noreply@anthropic.com>
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import { useApolloCoreClient } from '@/object-metadata/hooks/useApolloCoreClient';
|
|
import { CoreObjectNameSingular } from 'twenty-shared/types';
|
|
import { useFindManyRecordsQuery } from '@/object-record/hooks/useFindManyRecordsQuery';
|
|
import { useMutation } from '@apollo/client/react';
|
|
import {
|
|
type CreateDraftFromWorkflowVersionInput,
|
|
CreateDraftFromWorkflowVersionDocument,
|
|
} from '~/generated/graphql';
|
|
|
|
export const useCreateDraftFromWorkflowVersion = () => {
|
|
const apolloCoreClient = useApolloCoreClient();
|
|
|
|
const [mutate] = useMutation(CreateDraftFromWorkflowVersionDocument, {
|
|
client: apolloCoreClient,
|
|
});
|
|
|
|
const { findManyRecordsQuery: findManyWorkflowsQuery } =
|
|
useFindManyRecordsQuery({
|
|
objectNameSingular: CoreObjectNameSingular.Workflow,
|
|
recordGqlFields: {
|
|
id: true,
|
|
name: true,
|
|
statuses: true,
|
|
lastPublishedVersionId: true,
|
|
versions: {
|
|
id: true,
|
|
status: true,
|
|
name: true,
|
|
createdAt: true,
|
|
},
|
|
},
|
|
});
|
|
|
|
const createDraftFromWorkflowVersion = async (
|
|
input: CreateDraftFromWorkflowVersionInput,
|
|
) => {
|
|
const result = await mutate({
|
|
variables: { input },
|
|
awaitRefetchQueries: true,
|
|
refetchQueries: [
|
|
{
|
|
query: findManyWorkflowsQuery,
|
|
variables: {
|
|
id: input.workflowId,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
return result?.data?.createDraftFromWorkflowVersion.id;
|
|
};
|
|
|
|
return {
|
|
createDraftFromWorkflowVersion,
|
|
};
|
|
};
|