Function useUpdatePreference

cli/src/hooks/use-update-preference.ts:19–66

()

}

export function useUpdatePreference() {
  const [isPending, setIsPending] = useState(false)

  const mutate = useCallback(async (params: UpdatePreferenceParams) => {
    const queryKey = subscriptionQueryKeys.current()

    // Snapshot the previous value for rollback
    const previousData = getActivityQueryData<SubscriptionResponse>(queryKey)

    // Optimistically update to the new value
    if (previousData && params.fallbackToALaCarte !== undefined) {
      setActivityQueryData<SubscriptionResponse>(queryKey, {
        ...previousData,
        fallbackToALaCarte: params.fallbackToALaCarte,
      })
    }

    setIsPending(true)

    try {
      const client = getApiClient()
      const response = await client.patch<{ success: boolean; error?: string }>(
        '/api/user/preferences',
        params as Record<string, unknown>,
        { includeCookie: true },
      )

      if (!response.ok) {
        const errorMessage = response.error || 'Failed to update preference'
        throw new Error(errorMessage)
      }

      // Invalidate to refetch fresh data from server
      invalidateActivityQuery(queryKey)
    } catch (err) {
      // Rollback to previous value on error
      if (previousData) {
        setActivityQueryData(queryKey, previousData)
      }
      logger.error({ err }, 'Failed to update preference')
      showClipboardMessage('Failed to update preference', { durationMs: 3000 })
    } finally {
      setIsPending(false)
    }
  }, [])

  return { mutate, isPending }
}