Merge pull request #961 from kleros/fix(web)/fix-links-and-modal-behavior

fix: fixed links and modal behavior

Author: alcercu

web/src/hooks/useFocusOutside.ts

@@ -3,15 +3,13 @@ import React, { useEffect } from "react";
 export function useFocusOutside(ref: React.RefObject<HTMLDivElement>, callback: () => void) {
  useEffect(() => {
  function handleEvent(event: FocusEvent | MouseEvent) {
- if (ref.current && !ref.current.contains(event.target as Node)) {
+ if (document.visibilityState === "visible" && ref.current && !ref.current.contains(event.target as Node)) {
  callback();
  }
  }
 
- document.addEventListener("focusin", handleEvent);
  document.addEventListener("mousedown", handleEvent);
  return () => {
- document.removeEventListener("focusin", handleEvent);
  document.removeEventListener("mousedown", handleEvent);
  };
  }, [ref, callback]);

web/src/layout/Header/navbar/DappList.tsx

@@ -30,32 +30,32 @@ const ITEMS = [
  {
  text: "Tokens",
  Icon: Tokens,
- url: "https://tokens.kleros.io/",
+ url: "https://tokens.kleros.io",
  },
  {
  text: "POH",
  Icon: POH,
- url: "https://www.proofofhumanity.id",
+ url: "https://app.proofofhumanity.id",
  },
  {
  text: "Curate",
  Icon: Curate,
- url: "https://curate.kleros.io/",
+ url: "https://curate.kleros.io",
  },
  {
  text: "Resolver",
  Icon: Resolver,
- url: "https://resolve.kleros.io/",
+ url: "https://resolve.kleros.io",
  },
  {
  text: "Linguo",
  Icon: Linguo,
- url: "https://linguo.kleros.io/",
+ url: "https://linguo.kleros.io",
  },
  {
  text: "Governor",
  Icon: Governor,
- url: "https://governor.kleros.io/",
+ url: "https://governor.kleros.io",
  },
 ];
 

web/src/layout/Header/navbar/Menu/Help.tsx

@@ -13,7 +13,7 @@ const ITEMS = [
  {
  text: "Onboarding",
  Icon: Book,
- url: "https://kleros.dodao.io/",
+ url: "",
  },
  {
  text: "Get Help",
@@ -23,22 +23,22 @@ const ITEMS = [
  {
  text: "Report a Bug",
  Icon: Bug,
- url: "https://github.com/kleros/kleros-v2/issues/new",
+ url: "https://github.com/kleros/kleros-v2/issues",
  },
  {
  text: "DApp Guide",
  Icon: Guide,
- url: "",
+ url: "https://docs.kleros.io/products/court-v2",
  },
  {
  text: "Crypto Beginner's Guide",
  Icon: ETH,
- url: "",
+ url: "https://ethereum.org/en/wallets/",
  },
  {
  text: "FAQ",
  Icon: Faq,
- url: "https://kleros.gitbook.io/docs/kleros-faq",
+ url: "https://docs.kleros.io/kleros-faq",
  },
 ];