fix: ipfs links

shared/components/header/components/navigation/navigation.tsx

@@ -45,7 +45,10 @@ export const Navigation: FC = memo(() => {
       {routes.map(({ name, path, icon }) => {
         const isActive =
           pathnameWithoutQuery === path ||
-          (path.length > 1 && pathnameWithoutQuery.startsWith(path));
+          (path.length > 1 && pathnameWithoutQuery.startsWith(path)) ||
+          // fix for withdrawals/claim
+          (pathname.indexOf('withdrawals') > -1 &&
+            path.indexOf('withdrawals') > -1);
 
         return (
           <LocalLink key={path} href={path}>

shared/components/link-ipfs.tsx

@@ -1,4 +1,9 @@
-import React, { ReactNode, MouseEventHandler, useCallback } from 'react';
+import React, {
+  ReactNode,
+  MouseEventHandler,
+  useCallback,
+  useMemo,
+} from 'react';
 
 import { usePrefixedPush } from 'shared/hooks/use-prefixed-history';
 
@@ -13,16 +18,34 @@ export const LinkIpfs = ({ onClick, query, ...props }: Props) => {
   const push = usePrefixedPush();
   const { href } = props;
 
+  // Actual for click (opening in same tab)
   const handleClick: MouseEventHandler<HTMLAnchorElement> = useCallback(
     (event) => {
       event.preventDefault();
       void push(href, query);
+
+      if (typeof window !== 'undefined') {
+        window.scrollTo({ top: 0 });
+      }
+
       onClick?.(event);
     },
     [onClick, push, href, query],
   );
 
+  // Actual for opening in new tab
+  const basedHashHref = useMemo(() => {
+    let queryString = new URLSearchParams(query).toString();
+    queryString = queryString.length > 0 ? `?${queryString}` : '';
+
+    // Make a link:
+    // '/?<some_query_param>=<some_query_value>&...&<some_query_param_N>=<some_query_value_N>#/<hash_path>'
+    // e.g.: '/#/wrap'
+    // e.g.: '?ref=0x0000000000000000000000000000000000000000#/'
+    return `/${queryString}#${href}`;
+  }, [href, query]);
+
   // TODO:
   // eslint-disable-next-line jsx-a11y/anchor-has-content,jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-  return <a {...props} onClick={handleClick} />;
+  return <a {...props} href={basedHashHref} onClick={handleClick} />;
 };