refactor: migrate remaining components to useRefresh hook

Replace triggerRefresh() with useRefresh() in:
- notes-tabs-view.tsx (5 calls → refreshNotes)
- label-management-dialog.tsx (3 calls → refreshLabels)
- note-inline-editor.tsx (3 calls → refreshNotes)
- note-card.tsx (7 calls → refreshNotes)
- recent-notes-section.tsx (3 calls → refreshNotes)
- notification-panel.tsx (2 calls → refreshNotes(null))
- notes-editorial-view.tsx (4 calls → refreshNotes)

NoteRefreshContext marked as @deprecated with JSDoc migration guide.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Antigravity
2026-05-08 14:45:50 +00:00
parent 9b8df398dc
commit 574c8b3166
8 changed files with 151 additions and 59 deletions

View File

@@ -1,7 +1,19 @@
'use client'
import { createContext, useContext, useState, useCallback, useMemo } from 'react'
import { createContext, useContext, useState, useCallback, useMemo, type ReactNode } from 'react'
/**
* @deprecated Use React Query's `useQueryClient.invalidateQueries()` instead.
* This context is kept for backward compatibility during migration.
*
* Migration guide:
* - Replace `const { triggerRefresh } = useNoteRefresh()` with `const { refreshNotes } = useRefresh()`
* - Replace `triggerRefresh()` with `refreshNotes(notebookId)` or `refreshNotes(null)`
* - Replace `triggerNotebooksRefresh()` with `refreshNotebooks()`
*
* @see {@link https://tanstack.com/query/latest/docs/react/reference/queryclient | React Query invalidateQueries}
* @see lib/use-refresh.ts
*/
interface NoteRefreshContextType {
refreshKey: number
triggerRefresh: () => void
@@ -11,7 +23,7 @@ interface NoteRefreshContextType {
const NoteRefreshContext = createContext<NoteRefreshContextType | undefined>(undefined)
export function NoteRefreshProvider({ children }: { children: React.ReactNode }) {
export function NoteRefreshProvider({ children }: { children: ReactNode }) {
const [refreshKey, setRefreshKey] = useState(0)
const [notebooksRefreshKey, setNotebooksRefreshKey] = useState(0)
@@ -32,6 +44,10 @@ export function NoteRefreshProvider({ children }: { children: React.ReactNode })
)
}
/**
* @deprecated Use `useRefresh()` from `@/lib/use-refresh` instead.
* This hook is kept for backward compatibility during migration.
*/
export function useNoteRefresh() {
const context = useContext(NoteRefreshContext)
if (!context) {
@@ -40,6 +56,10 @@ export function useNoteRefresh() {
return context
}
/**
* @deprecated Use `useRefresh()` from `@/lib/use-refresh` instead.
* This hook is kept for backward compatibility during migration.
*/
export function useNoteRefreshOptional(): NoteRefreshContextType {
const context = useContext(NoteRefreshContext)
return context ?? { refreshKey: 0, triggerRefresh: () => {}, notebooksRefreshKey: 0, triggerNotebooksRefresh: () => {} }