export const queryKeys = {
  epiday: {
    allEpidays: ['epidays'],
    epidays: (limit: number) => ['epidays', { limit }],
    epidayForToday: (date: string) => ['epidays', 'today', { date }],
    epidaysBySearchKeyword: (keyword: string) => ['epidays', 'search', { keyword }],
    epidayDetails: (id: number) => ['epidays', 'detail', { id }],
    myEpidays: ['epidays', 'my'],
  },
  emotionLog: {
    allEmotionLogs: ['emotionLogs'],
    emotionLogForToday: ['emotionLogs', 'today'],
    emotionLogsForMonth: (year: number, month: number) => ['emotionLogs', 'month', { year, month }],
  },
  comment: {
    allComments: ['comments'],
    comments: (limit: number) => ['comments', { limit }],
    commentsForEpiday: (epidayId: number) => ['comments', 'epiday', { epidayId }],
    myComments: ['comments', 'my'],
  },
};

const likeMutation = useMutation({
  mutationFn: () => {
    return isLiked ? deleteLike(session, id) : postLike(session, id);
  },
  onMutate: async () => {
    await queryClient.cancelQueries({ queryKey: queryKeys.epiday.epidayDetails(id) });
    const prevEpidayDetails = queryClient.getQueryData(queryKeys.epiday.epidayDetails(id));
    queryClient.setQueryData(queryKeys.epiday.epidayDetails(id), (oldData: GetEpidayData) => ({
      ...oldData,
      likeCount: oldData.isLiked ? oldData.likeCount - 1 : oldData.likeCount + 1,
      isLiked: !oldData.isLiked,
    }));
    return { prevEpidayDetails };
  },
  onError: (error, _, context) => {
    showToast({ message: error.message, type: 'error' });
    queryClient.setQueryData(queryKeys.epiday.epidayDetails(id), context.prevEpidayDetails);
  },
  onSettled: () => {
    queryClient.invalidateQueries({ queryKey: queryKeys.epiday.epidayDetails(id) });
  },
});