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:
@@ -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: () => {} }
|
||||
|
||||
Reference in New Issue
Block a user