Unified · Split
| @@ -55,10 +55,7 @@ function useProviderUpdatePillAutoDismiss({ · 54 unmodified lines | |||
| 55 | }: { | 55 | }: { |
| 56 | readonly displayedView: ProviderUpdateSidebarPillView | null; | 56 | readonly displayedView: ProviderUpdateSidebarPillView | null; |
| 57 | readonly exitingKey: string | null; | 57 | readonly exitingKey: string | null; |
| 58 | readonly startExit: ( | 58 | readonly startExit: (view: ProviderUpdateSidebarPillView, dismissKey?: string) => void; |
| 59 | view: ProviderUpdateSidebarPillView, | ||
| 60 | dismissKey?: string, | ||
| 61 | ) => void; | ||
| 62 | }) { | 59 | }) { |
| 63 | const dismissAfterVisibleMs = displayedView?.dismissAfterVisibleMs; | 60 | const dismissAfterVisibleMs = displayedView?.dismissAfterVisibleMs; |
| 64 | const viewKey = displayedView?.key ?? null; | 61 | const viewKey = displayedView?.key ?? null; |
| @@ -117,16 +114,13 @@ export function SidebarProviderUpdatePillContent({ · 52 unmodified lines | |||
| 117 | displayedView?.tone !== "loading" && | 114 | displayedView?.tone !== "loading" && |
| 118 | exitingKey !== viewKey; | 115 | exitingKey !== viewKey; |
| 119 | 116 | ||
| 120 | const startExit = useCallback( | 117 | const startExit = useCallback((exitView: ProviderUpdateSidebarPillView, dismissKey?: string) => { |
| 121 | (exitView: ProviderUpdateSidebarPillView, dismissKey?: string) => { | 118 | setExitState((current) => |
| 122 | setExitState((current) => | 119 | current?.view.key === exitView.key |
| 123 | current?.view.key === exitView.key | 120 | ? current |
| 124 | ? current | 121 | : { view: exitView, dismissAfterExitKey: dismissKey ?? null }, |
| 125 | : { view: exitView, dismissAfterExitKey: dismissKey ?? null }, | 122 | ); |
| 126 | ); | 123 | }, []); |
| 127 | }, | ||
| 128 | [], | ||
| 129 | ); | ||
| 130 | 124 | ||
| 131 | useProviderUpdatePillAutoDismiss({ displayedView, exitingKey, startExit }); | 125 | useProviderUpdatePillAutoDismiss({ displayedView, exitingKey, startExit }); |
| 132 | 126 | ||