Merge pull request #1842 from sushi-labs/fix/stake-sidebar-links

fix: sidebar links on /stake

Author: 0xMasayoshi

apps/web/src/app/(networks)/(evm)/stake/layout.tsx

@@ -21,6 +21,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
           selectedNetwork={ChainId.ETHEREUM}
           supportedNetworks={supportedNetworks}
           shiftContent
+          onSelect={null}
         >
           <div className="flex flex-col flex-1 overflow-y-auto">
             <Container maxWidth="5xl" className="px-4 pt-16 mb-12">

apps/web/src/ui/sidebar/index.tsx

@@ -76,6 +76,7 @@ export interface SidebarContainerProps {
   connectedNetwork?: number | string
   supportedNetworks?: readonly (ChainId | NonStandardChainId)[]
   unsupportedNetworkHref?: string
+  onSelect?: ((network: ChainId | NonStandardChainId) => void) | null
 }
 
 export const SidebarContainer: FC<SidebarContainerProps> = ({
@@ -85,6 +86,7 @@ export const SidebarContainer: FC<SidebarContainerProps> = ({
   connectedNetwork,
   supportedNetworks,
   unsupportedNetworkHref,
+  onSelect,
 }) => {
   const { isOpen } = useSidebar()
 
@@ -94,6 +96,7 @@ export const SidebarContainer: FC<SidebarContainerProps> = ({
         selectedNetwork={selectedNetwork}
         connectedNetwork={connectedNetwork}
         supportedNetworks={supportedNetworks}
+        onSelect={onSelect}
         unsupportedNetworkHref={unsupportedNetworkHref}
       />
       <div
@@ -113,6 +116,7 @@ const Sidebar: FC<Omit<SidebarContainerProps, 'children' | 'shiftContent'>> = ({
   connectedNetwork,
   supportedNetworks = SUPPORTED_NETWORKS,
   unsupportedNetworkHref,
+  onSelect: _onSelect,
 }) => {
   const { isOpen } = useSidebar()
 
@@ -127,19 +131,18 @@ const Sidebar: FC<Omit<SidebarContainerProps, 'children' | 'shiftContent'>> = ({
 
   const onSelect = useCallback(
     (value: string) => {
-      const network = value.split('__')[1]
-
-      push(
-        replaceNetworkSlug(
-          isChainId(+network)
-            ? (+network as ChainId)
-            : (network as NonStandardChainId),
-          pathname,
-        ),
-        { scroll: false },
-      )
+      const _network = value.split('__')[1]
+
+      const network = isChainId(+_network)
+        ? (+_network as ChainId)
+        : (_network as NonStandardChainId)
+
+      if (_onSelect === null) return
+      if (typeof _onSelect === 'function') return _onSelect(network)
+
+      push(replaceNetworkSlug(network, pathname), { scroll: false })
     },
-    [pathname, push],
+    [pathname, push, _onSelect],
   )
 
   return !isOpen ? null : (