@@ -73,8 +73,6 @@ export function BrowserToolbar({
7373 const [ urlError , setUrlError ] = useState < string | null > ( null ) ;
7474 const [ failedFaviconUrl , setFailedFaviconUrl ] = useState < string | null > ( null ) ;
7575 const [ screenshotSpin , triggerScreenshotSpin ] = useTransientFlag ( 300 ) ;
76- const [ backNudge , triggerBackNudge ] = useTransientFlag ( 200 ) ;
77- const [ forwardNudge , triggerForwardNudge ] = useTransientFlag ( 200 ) ;
7876 const urlInputRef = useRef < HTMLInputElement | null > ( null ) ;
7977 const faviconUrl =
8078 session . faviconUrl && session . faviconUrl !== failedFaviconUrl ? session . faviconUrl : null ;
@@ -143,32 +141,16 @@ export function BrowserToolbar({
143141 < ToolbarIconButton
144142 label = "Back"
145143 disabled = { ! adapter || ! session . canGoBack }
146- onClick = { ( ) => {
147- triggerBackNudge ( ) ;
148- onGoBack ?.( ) ;
149- } }
144+ onClick = { ( ) => onGoBack ?.( ) }
150145 >
151- < ArrowLeft
152- className = { cn (
153- 'size-4 transition-transform duration-200 ease-out' ,
154- backNudge && '-translate-x-0.5'
155- ) }
156- />
146+ < ArrowLeft className = "size-4" />
157147 </ ToolbarIconButton >
158148 < ToolbarIconButton
159149 label = "Forward"
160150 disabled = { ! adapter || ! session . canGoForward }
161- onClick = { ( ) => {
162- triggerForwardNudge ( ) ;
163- onGoForward ?.( ) ;
164- } }
151+ onClick = { ( ) => onGoForward ?.( ) }
165152 >
166- < ArrowRight
167- className = { cn (
168- 'size-4 transition-transform duration-200 ease-out' ,
169- forwardNudge && 'translate-x-0.5'
170- ) }
171- />
153+ < ArrowRight className = "size-4" />
172154 </ ToolbarIconButton >
173155 < ToolbarIconButton label = { session . isLoading ? 'Stop' : 'Reload' } onClick = { ( ) => onReload ?.( ) } >
174156 { session . isLoading ? < Square className = "size-3.5" /> : < RefreshCw className = "size-4" /> }
@@ -368,7 +350,7 @@ function ToolbarIconButton({
368350 type = "button"
369351 variant = "ghost"
370352 size = "icon"
371- className = "size-7 shrink-0 transition-transform duration-150 ease-out active:scale-[0.96] "
353+ className = "size-7 shrink-0"
372354 disabled = { disabled }
373355 aria-label = { label }
374356 onClick = { onClick }
0 commit comments