Error boundary for the matching section with specialized recovery actions. Wraps BaseErrorBoundary with matching-specific configuration.
export const MatchingErrorBoundary = ( props: MatchingErrorBoundaryProps,): ReactNode => { const recoveryActions: RecoveryAction[] = [ { label: "Clear Cache & Retry", Icon: Trash2, handler: () => { props.onClearCache?.(); props.onReset?.(); }, variant: "default", }, { label: "Reset Matching", Icon: RefreshCw, handler: props.onReset || (() => {}), variant: "outline", }, ]; return ( <BaseErrorBoundary title="Matching Error" description="An error occurred in the matching section" HeaderIcon={RefreshCw} recoveryActions={recoveryActions} section="matching" > {props.children} </BaseErrorBoundary> );}; Copy
export const MatchingErrorBoundary = ( props: MatchingErrorBoundaryProps,): ReactNode => { const recoveryActions: RecoveryAction[] = [ { label: "Clear Cache & Retry", Icon: Trash2, handler: () => { props.onClearCache?.(); props.onReset?.(); }, variant: "default", }, { label: "Reset Matching", Icon: RefreshCw, handler: props.onReset || (() => {}), variant: "outline", }, ]; return ( <BaseErrorBoundary title="Matching Error" description="An error occurred in the matching section" HeaderIcon={RefreshCw} recoveryActions={recoveryActions} section="matching" > {props.children} </BaseErrorBoundary> );};
Error boundary for the matching section with specialized recovery actions. Wraps BaseErrorBoundary with matching-specific configuration.
Source