refactor(web): move-WithHelpTooltip-to-components

Author: tractorss

web/src/components/CasesDisplay/CasesListHeader.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styled, { css } from "styled-components";
 import { landscapeStyle } from "styles/landscapeStyle";
-import WithHelpTooltip from "pages/Dashboard/WithHelpTooltip";
+import WithHelpTooltip from "components/WithHelpTooltip";
 
 const Container = styled.div`
   display: flex;

web/src/pages/Dashboard/WithHelpTooltip.tsx renamed to web/src/components/WithHelpTooltip.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled, { css } from "styled-components";
 import { landscapeStyle } from "styles/landscapeStyle";
 import { CircularProgress } from "@kleros/ui-components-library";
-import WithHelpTooltip from "../WithHelpTooltip";
+import WithHelpTooltip from "components/WithHelpTooltip";
 
 const Container = styled.div`
   display: flex;

web/src/pages/Dashboard/JurorInfo/Coherency.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import { useAccount } from "wagmi";
 import TokenRewards from "./TokenRewards";
-import WithHelpTooltip from "../WithHelpTooltip";
+import WithHelpTooltip from "components/WithHelpTooltip";
 import { getFormattedRewards } from "utils/jurorRewardConfig";
 import { CoinIds } from "consts/coingecko";
 import { useUserQuery } from "queries/useUser";

web/src/pages/Dashboard/JurorInfo/JurorRewards.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import { Box as _Box, Button } from "@kleros/ui-components-library";
 import TokenRewards from "./TokenRewards";
-import WithHelpTooltip from "../WithHelpTooltip";
+import WithHelpTooltip from "components/WithHelpTooltip";
 import { EnsureChain } from "components/EnsureChain";
 
 const Container = styled.div`

web/src/pages/Dashboard/JurorInfo/StakingRewards.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import styled, { css } from "styled-components";
 import { BREAKPOINT_LANDSCAPE, landscapeStyle } from "styles/landscapeStyle";
 import { useWindowSize } from "react-use";
-import WithHelpTooltip from "pages/Dashboard/WithHelpTooltip";
+import WithHelpTooltip from "components/WithHelpTooltip";
 
 const Container = styled.div`
   display: flex;

web/src/pages/Home/TopJurors/Header/Coherency.tsx

@@ -6,22 +6,21 @@ import HowItWorks from "components/HowItWorks";
 import JurorLevels from "components/Popup/MiniGuides/JurorLevels";
 
 const Container = styled.div`
-display: flex;
-justify-content: space-between;
-width: 100%;
-background-color: ${({ theme }) => theme.lightBlue};
-padding: 24px;
-border 1px solid ${({ theme }) => theme.stroke};
-border-top-left-radius: 3px;
-border-top-right-radius: 3px;
-border-bottom: none;
-flex-wrap: wrap;
-${landscapeStyle(
-  () =>
-    css`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  background-color: ${({ theme }) => theme.lightBlue};
+  padding: 24px;
+  border 1px solid ${({ theme }) => theme.stroke};
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+  border-bottom: none;
+  flex-wrap: wrap;
+  ${landscapeStyle(
+    () => css`
       display: none;
     `
-)}
+  )}
 `;
 
 const StyledLabel = styled.label`

web/src/pages/Home/TopJurors/Header/MobileHeader.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styled, { css } from "styled-components";
 import { landscapeStyle } from "styles/landscapeStyle";
-import WithHelpTooltip from "pages/Dashboard/WithHelpTooltip";
+import WithHelpTooltip from "components/WithHelpTooltip";
 
 const Container = styled.div`
   display: flex;