From 81ec92708f0493884e926464600a283e285d59cf Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Thu, 21 Apr 2022 17:12:45 +0200
Subject: [PATCH 01/24] feat(web): add StatDisplay component and start homepage
 dev

---
 web/src/assets/svgs/icons/pnk.svg          | 10 +++
 web/src/components/StatDisplay.tsx         | 71 ++++++++++++++++++++++
 web/src/pages/home/Stats.tsx               | 42 +++++++++++++
 web/src/pages/{home.tsx => home/index.tsx} | 10 ++-
 4 files changed, 131 insertions(+), 2 deletions(-)
 create mode 100644 web/src/assets/svgs/icons/pnk.svg
 create mode 100644 web/src/components/StatDisplay.tsx
 create mode 100644 web/src/pages/home/Stats.tsx
 rename web/src/pages/{home.tsx => home/index.tsx} (59%)

diff --git a/web/src/assets/svgs/icons/pnk.svg b/web/src/assets/svgs/icons/pnk.svg
new file mode 100644
index 000000000..0ab2d87b4
--- /dev/null
+++ b/web/src/assets/svgs/icons/pnk.svg
@@ -0,0 +1,10 @@
+<svg width="22" height="22" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13719_38976)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.60249 1.8125L17.0528 2.28456L21.2837 11.785L15.3147 20.4678L4.80756 19.7878L0.5 9.49409L6.60249 1.8125ZM14.264 7.28878L6.69025 10.6329L13.1653 15.6925L14.264 7.28878ZM13.3871 5.61306L7.33447 2.97929L6.06304 8.51691L13.3871 5.61306ZM11.853 16.9655L5.27494 12.2185L5.43405 18.6509L11.853 16.9655ZM20.233 11.764L15.7504 7.1671L14.5673 16.0068L20.233 11.764ZM13.3952 17.9994L7.84753 19.4648L14.3716 19.887L13.3952 17.9994ZM19.357 13.8497L14.5008 17.5057L15.4657 19.4115L19.357 13.8497ZM17.06 3.61196L16.1168 5.56883L19.6276 9.1755L17.06 3.61196ZM15.8848 2.67553L9.71972 2.42262L14.8052 4.6706L15.8848 2.67553ZM5.7022 3.58046L1.38398 9.09109L4.27107 9.7091L5.7022 3.58046ZM4.09698 10.7901L1.19598 10.1694L4.22295 17.3762L4.09698 10.7901Z" />
+</g>
+<defs>
+<clipPath id="clip0_13719_38976">
+<rect width="20.7837" height="21" fill="white" transform="translate(0.5 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/components/StatDisplay.tsx b/web/src/components/StatDisplay.tsx
new file mode 100644
index 000000000..f00960f4d
--- /dev/null
+++ b/web/src/components/StatDisplay.tsx
@@ -0,0 +1,71 @@
+import React from "react";
+import styled, { useTheme } from "styled-components";
+
+const createPair = (iconColor: string, backgroundColor: string) => ({
+  iconColor,
+  backgroundColor,
+});
+
+const Container = styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+
+const SVGContainer = styled.div<{ iconColor: string; backgroundColor: string }>`
+  height: 48px;
+  width: 48px;
+  border-radius: 50%;
+  background-color: ${({ backgroundColor }) => backgroundColor};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    fill: ${({ iconColor }) => iconColor};
+  }
+`;
+
+const TextContainer = styled.div`
+  h1 {
+    margin: 0;
+  }
+`;
+
+interface IStatDisplay {
+  title: string;
+  text: string;
+  subtext: string;
+  icon: JSX.Element;
+  color: "red" | "orange" | "green" | "blue" | "purple";
+}
+
+const StatDisplay: React.FC<IStatDisplay> = ({
+  title,
+  text,
+  subtext,
+  icon,
+  color,
+  ...props
+}) => {
+  const theme = useTheme();
+  const COLORS = {
+    red: createPair(theme.error, theme.errorLight),
+    orange: createPair(theme.warning, theme.warningLight),
+    green: createPair(theme.success, theme.successLight),
+    blue: createPair(theme.primaryBlue, theme.mediumBlue),
+    purple: createPair(theme.secondaryPurple, theme.mediumPurple),
+  };
+  return (
+    <Container {...props}>
+      <SVGContainer {...{ ...COLORS[color] }}>{icon}</SVGContainer>
+      <TextContainer>
+        <label>{title}</label>
+        <h1>{text}</h1>
+        <label>{subtext}</label>
+      </TextContainer>
+    </Container>
+  );
+};
+
+export default StatDisplay;
diff --git a/web/src/pages/home/Stats.tsx b/web/src/pages/home/Stats.tsx
new file mode 100644
index 000000000..3ee872b54
--- /dev/null
+++ b/web/src/pages/home/Stats.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+import styled from "styled-components";
+import { Card } from "@kleros/ui-components-library";
+import StatDisplay from "components/StatDisplay";
+import PNKIcon from "svgs/icons/pnk.svg";
+
+const StyledCard = styled(Card)`
+  width: auto;
+  height: fit-content;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+`;
+
+const Stats = () => (
+  <StyledCard>
+    <StatDisplay
+      title="PNK staked"
+      text="136,000,000"
+      subtext="$ 3,000,000"
+      color="purple"
+      icon={<PNKIcon />}
+    />
+    <StatDisplay
+      title="PNK staked"
+      text="136,000,000"
+      subtext="$ 3,000,000"
+      color="blue"
+      icon={<PNKIcon />}
+    />
+    <StatDisplay
+      title="PNK staked"
+      text="136,000,000"
+      subtext="$ 3,000,000"
+      color="green"
+      icon={<PNKIcon />}
+    />
+  </StyledCard>
+);
+
+export default Stats;
diff --git a/web/src/pages/home.tsx b/web/src/pages/home/index.tsx
similarity index 59%
rename from web/src/pages/home.tsx
rename to web/src/pages/home/index.tsx
index 99e111e97..03f72adaa 100644
--- a/web/src/pages/home.tsx
+++ b/web/src/pages/home/index.tsx
@@ -1,12 +1,18 @@
 import React from "react";
 import styled from "styled-components";
+import Stats from "./Stats";
 
 const Container = styled.div`
   width: 100vw;
-  height: 300px;
+  height: auto;
   background-color: ${({ theme }) => theme.lightBackground};
+  padding: 32px;
 `;
 
-const Home: React.FC = () => <Container>Hello world!</Container>;
+const Home: React.FC = () => (
+  <Container>
+    <Stats />
+  </Container>
+);
 
 export default Home;

From 7b6ee39dfac69d6e703744eb94053e19df71563c Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 29 Apr 2022 17:10:57 +0200
Subject: [PATCH 02/24] fix(web): change tintMedium lightTheme to correct value

---
 web/src/styles/themes.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/styles/themes.ts b/web/src/styles/themes.ts
index 29e1b5e0d..91bf1ec7a 100644
--- a/web/src/styles/themes.ts
+++ b/web/src/styles/themes.ts
@@ -25,7 +25,7 @@ export const lightTheme = {
   error: "#F60C36",
   errorLight: "#FEF0F3",
   tint: "#D14EFF",
-  tintMedium: "#401D6C",
+  tintMedium: "#FCF4FF",
   tintPurple: "#F4F0FA",
 
   transitionSpeed: "0.25s",

From 6dfac1b4be50a107983abcc935f028df24733c78 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 29 Apr 2022 17:11:45 +0200
Subject: [PATCH 03/24] feat(web): add Periods enum to constants

---
 web/src/consts/periods.ts | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 web/src/consts/periods.ts

diff --git a/web/src/consts/periods.ts b/web/src/consts/periods.ts
new file mode 100644
index 000000000..7a6a1b56d
--- /dev/null
+++ b/web/src/consts/periods.ts
@@ -0,0 +1,7 @@
+export enum Periods {
+  evidence,
+  commit,
+  vote,
+  appeal,
+  execution,
+}

From 981ad1a4cb851ca117fd49e36ebe00a4e2815d5f Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 29 Apr 2022 17:15:06 +0200
Subject: [PATCH 04/24] feat(web): add DisputeCard component

---
 web/src/assets/svgs/icons/bookmark.svg        | 10 +++
 web/src/assets/svgs/icons/calendar.svg        | 10 +++
 web/src/assets/svgs/icons/law-balance.svg     | 10 +++
 web/src/assets/svgs/icons/pile-coins.svg      | 10 +++
 .../components/DisputeCard/DisputeInfo.tsx    | 78 +++++++++++++++++++
 .../components/DisputeCard/PeriodBanner.tsx   | 70 +++++++++++++++++
 web/src/components/DisputeCard/index.tsx      | 47 +++++++++++
 web/src/pages/home/index.tsx                  | 11 +++
 8 files changed, 246 insertions(+)
 create mode 100644 web/src/assets/svgs/icons/bookmark.svg
 create mode 100644 web/src/assets/svgs/icons/calendar.svg
 create mode 100644 web/src/assets/svgs/icons/law-balance.svg
 create mode 100644 web/src/assets/svgs/icons/pile-coins.svg
 create mode 100644 web/src/components/DisputeCard/DisputeInfo.tsx
 create mode 100644 web/src/components/DisputeCard/PeriodBanner.tsx
 create mode 100644 web/src/components/DisputeCard/index.tsx

diff --git a/web/src/assets/svgs/icons/bookmark.svg b/web/src/assets/svgs/icons/bookmark.svg
new file mode 100644
index 000000000..7e194f956
--- /dev/null
+++ b/web/src/assets/svgs/icons/bookmark.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_11557_149819)">
+<path d="M11.1731 0.5H3.09615C2.35268 0.5 1.75 1.08762 1.75 1.8125V14.5L7.13462 11.4375L12.5192 14.5V1.8125C12.5192 1.08762 11.9165 0.5 11.1731 0.5ZM11.1731 12.2149L7.13462 9.91801L3.09615 12.2149V1.97656C3.09615 1.93305 3.11388 1.89132 3.14544 1.86055C3.177 1.82979 3.2198 1.8125 3.26442 1.8125H11.0048C11.0977 1.8125 11.1731 1.88586 11.1731 1.97645V12.2149Z" />
+</g>
+<defs>
+<clipPath id="clip0_11557_149819">
+<rect width="14" height="14" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/assets/svgs/icons/calendar.svg b/web/src/assets/svgs/icons/calendar.svg
new file mode 100644
index 000000000..eac77965c
--- /dev/null
+++ b/web/src/assets/svgs/icons/calendar.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_11557_149808)">
+<path d="M4.92188 8.375H3.82812C3.64766 8.375 3.5 8.22734 3.5 8.04688V6.95312C3.5 6.77266 3.64766 6.625 3.82812 6.625H4.92188C5.10234 6.625 5.25 6.77266 5.25 6.95312V8.04688C5.25 8.22734 5.10234 8.375 4.92188 8.375ZM7.875 8.04688V6.95312C7.875 6.77266 7.72734 6.625 7.54688 6.625H6.45312C6.27266 6.625 6.125 6.77266 6.125 6.95312V8.04688C6.125 8.22734 6.27266 8.375 6.45312 8.375H7.54688C7.72734 8.375 7.875 8.22734 7.875 8.04688ZM10.5 8.04688V6.95312C10.5 6.77266 10.3523 6.625 10.1719 6.625H9.07812C8.89766 6.625 8.75 6.77266 8.75 6.95312V8.04688C8.75 8.22734 8.89766 8.375 9.07812 8.375H10.1719C10.3523 8.375 10.5 8.22734 10.5 8.04688ZM7.875 10.6719V9.57812C7.875 9.39766 7.72734 9.25 7.54688 9.25H6.45312C6.27266 9.25 6.125 9.39766 6.125 9.57812V10.6719C6.125 10.8523 6.27266 11 6.45312 11H7.54688C7.72734 11 7.875 10.8523 7.875 10.6719ZM5.25 10.6719V9.57812C5.25 9.39766 5.10234 9.25 4.92188 9.25H3.82812C3.64766 9.25 3.5 9.39766 3.5 9.57812V10.6719C3.5 10.8523 3.64766 11 3.82812 11H4.92188C5.10234 11 5.25 10.8523 5.25 10.6719ZM10.5 10.6719V9.57812C10.5 9.39766 10.3523 9.25 10.1719 9.25H9.07812C8.89766 9.25 8.75 9.39766 8.75 9.57812V10.6719C8.75 10.8523 8.89766 11 9.07812 11H10.1719C10.3523 11 10.5 10.8523 10.5 10.6719ZM13.125 3.5625V13.1875C13.125 13.9121 12.5371 14.5 11.8125 14.5H2.1875C1.46289 14.5 0.875 13.9121 0.875 13.1875V3.5625C0.875 2.83789 1.46289 2.25 2.1875 2.25H3.5V0.828125C3.5 0.647656 3.64766 0.5 3.82812 0.5H4.92188C5.10234 0.5 5.25 0.647656 5.25 0.828125V2.25H8.75V0.828125C8.75 0.647656 8.89766 0.5 9.07812 0.5H10.1719C10.3523 0.5 10.5 0.647656 10.5 0.828125V2.25H11.8125C12.5371 2.25 13.125 2.83789 13.125 3.5625ZM11.8125 13.0234V4.875H2.1875V13.0234C2.1875 13.1137 2.26133 13.1875 2.35156 13.1875H11.6484C11.7387 13.1875 11.8125 13.1137 11.8125 13.0234Z" />
+</g>
+<defs>
+<clipPath id="clip0_11557_149808">
+<rect width="14" height="14" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/assets/svgs/icons/law-balance.svg b/web/src/assets/svgs/icons/law-balance.svg
new file mode 100644
index 000000000..d2c57c51c
--- /dev/null
+++ b/web/src/assets/svgs/icons/law-balance.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_12054_167323)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.79156 3.15129C7.79156 3.52555 7.70712 3.74087 7.57048 3.86274L11.3474 4.98979C11.4509 4.90059 11.5856 4.84623 11.7332 4.84623C12.0592 4.84623 12.3235 5.10951 12.3235 5.43429C12.3235 5.67037 12.1835 5.87337 11.982 5.96696L13.3039 9.76961C13.723 9.83625 14 9.93458 14 10.0646C14 10.5981 12.9553 11.0306 11.6667 11.0306C10.378 11.0306 9.33337 10.5981 9.33337 10.0646C9.33337 9.92642 9.64629 9.82404 10.1101 9.75743L11.4363 5.94197C11.3146 5.8712 11.2207 5.75845 11.1747 5.62343C11.1301 5.43834 11.0265 5.32151 10.8637 5.27295C10.6692 5.2149 10.4786 5.20833 10.2659 5.201C9.99706 5.19174 9.6928 5.18126 9.30029 5.06414L7.38131 4.49154V8.40273C7.53077 8.5094 7.62846 8.68344 7.62846 8.88059C7.62846 9.01134 7.58514 9.13172 7.51265 9.22937C7.70758 9.37395 7.83439 9.60457 7.83439 9.86526C7.83439 10.1808 7.64906 10.4524 7.38131 10.5802V11.3968C8.25276 11.4422 8.91665 11.6771 8.91665 11.9601C8.91665 11.9649 8.91645 11.9697 8.91607 11.9744C10.3227 12.0957 11.2938 12.3539 11.2938 12.6529L11.3007 13.07C11.3007 13.4854 9.42951 13.8188 7.11703 13.8188C4.80456 13.8188 2.93338 13.4786 2.93338 13.0632L2.91966 12.6529C2.91966 12.3587 3.86005 12.104 5.2303 11.9804C5.22955 11.9736 5.22916 11.9669 5.22916 11.9601C5.22916 11.6817 5.87174 11.4498 6.72236 11.3991V10.5934C6.43979 10.4715 6.2419 10.1916 6.2419 9.86531C6.2419 9.60465 6.36871 9.37399 6.56364 9.22941C6.49119 9.13176 6.44782 9.01142 6.44782 8.88063C6.44782 8.67167 6.55754 8.48864 6.72236 8.38435V4.29493L4.53389 3.64186C4.38825 3.5984 4.17506 3.48298 3.94728 3.35966L3.94727 3.35966L3.94727 3.35966L3.94726 3.35966L3.94726 3.35966C3.68597 3.2182 3.40547 3.06634 3.18566 3.00075C3.03336 2.9553 2.87703 2.98824 2.71666 3.09957C2.68578 3.12472 2.65221 3.14659 2.61659 3.16518L3.93556 6.95973C4.37412 7.02642 4.66664 7.12656 4.66664 7.26014C4.66664 7.79367 3.62198 8.22618 2.33332 8.22618C1.04466 8.22618 0 7.79367 0 7.26014C0 7.13055 0.275299 7.03244 0.692166 6.9658L2.02279 3.13777C1.86048 3.03298 1.75282 2.85131 1.75282 2.64428C1.75282 2.3195 2.0171 2.05622 2.34312 2.05622C2.60872 2.05622 2.83322 2.23096 2.90739 2.47131L6.29933 3.48345C6.2807 3.38972 6.27073 3.27989 6.27073 3.15129C6.27073 2.65026 6.5242 2.05816 7.03114 1.375C7.53808 2.05816 7.79156 2.65026 7.79156 3.15129ZM11.8653 6.00696L13.1662 9.74952C12.3453 9.63958 11.0947 9.63618 10.2472 9.73929L11.5495 5.99285C11.6073 6.01172 11.669 6.02227 11.7332 6.02227C11.7787 6.02227 11.8228 6.01665 11.8653 6.00696ZM0.829894 6.94559L2.13407 3.19369C2.19914 3.21827 2.2694 3.23234 2.34312 3.23234C2.39802 3.23234 2.45094 3.2243 2.50135 3.21035L3.79797 6.9405C2.9489 6.83147 1.66543 6.83317 0.829894 6.94559Z" />
+</g>
+<defs>
+<clipPath id="clip0_12054_167323">
+<rect width="14" height="14" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/assets/svgs/icons/pile-coins.svg b/web/src/assets/svgs/icons/pile-coins.svg
new file mode 100644
index 000000000..79802db99
--- /dev/null
+++ b/web/src/assets/svgs/icons/pile-coins.svg
@@ -0,0 +1,10 @@
+<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_11557_149813)">
+<path d="M0 11.5824V12.75C0 13.7152 2.35156 14.5 5.25 14.5C8.14844 14.5 10.5 13.7152 10.5 12.75V11.5824C9.3707 12.3781 7.30625 12.75 5.25 12.75C3.19375 12.75 1.1293 12.3781 0 11.5824ZM8.75 4C11.6484 4 14 3.21523 14 2.25C14 1.28477 11.6484 0.5 8.75 0.5C5.85156 0.5 3.5 1.28477 3.5 2.25C3.5 3.21523 5.85156 4 8.75 4ZM0 8.71406V10.125C0 11.0902 2.35156 11.875 5.25 11.875C8.14844 11.875 10.5 11.0902 10.5 10.125V8.71406C9.3707 9.64375 7.30352 10.125 5.25 10.125C3.19648 10.125 1.1293 9.64375 0 8.71406ZM11.375 9.01484C12.9418 8.71133 14 8.14805 14 7.5V6.33242C13.3656 6.78086 12.4332 7.08711 11.375 7.27578V9.01484ZM5.25 4.875C2.35156 4.875 0 5.85391 0 7.0625C0 8.27109 2.35156 9.25 5.25 9.25C8.14844 9.25 10.5 8.27109 10.5 7.0625C10.5 5.85391 8.14844 4.875 5.25 4.875ZM11.2465 6.41445C12.8871 6.11914 14 5.53945 14 4.875V3.70742C13.0293 4.39375 11.3613 4.76289 9.60586 4.85039C10.4125 5.24141 11.0059 5.76641 11.2465 6.41445Z" />
+</g>
+<defs>
+<clipPath id="clip0_11557_149813">
+<rect width="14" height="14" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/components/DisputeCard/DisputeInfo.tsx b/web/src/components/DisputeCard/DisputeInfo.tsx
new file mode 100644
index 000000000..7cc2f47e0
--- /dev/null
+++ b/web/src/components/DisputeCard/DisputeInfo.tsx
@@ -0,0 +1,78 @@
+import React from "react";
+import styled from "styled-components";
+import { Periods } from "consts/periods";
+import LawBalanceIcon from "svgs/icons/law-balance.svg";
+import BookmarkIcon from "svgs/icons/bookmark.svg";
+import PileCoinsIcon from "svgs/icons/pile-coins.svg";
+import CalendarIcon from "svgs/icons/calendar.svg";
+
+const FieldContainer = styled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  .value {
+    flex-grow: 1;
+    text-align: end;
+    color: ${({ theme }) => theme.primaryText};
+  }
+  svg {
+    fill: ${({ theme }) => theme.secondaryPurple};
+    margin-right: 8px;
+  }
+`;
+
+interface IField {
+  icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  name: string;
+  value: string;
+}
+
+const Field: React.FC<IField> = ({ icon: Icon, name, value }) => (
+  <FieldContainer>
+    {<Icon />}
+    <label>{name}:</label>
+    <label className="value">{value}</label>
+  </FieldContainer>
+);
+
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+
+export interface IDisputeInfo {
+  court: string;
+  category: string;
+  rewards: string;
+  period: number;
+  date: number;
+}
+
+const DisputeInfo: React.FC<IDisputeInfo> = ({
+  court,
+  category,
+  rewards,
+  period,
+  date,
+}) => (
+  <Container>
+    <Field icon={LawBalanceIcon} name="Court" value={court} />
+    <Field icon={BookmarkIcon} name="Category" value={category} />
+    <Field icon={PileCoinsIcon} name="Juror Rewards" value={rewards} />
+    <Field
+      icon={CalendarIcon}
+      name={
+        period === Periods.appeal
+          ? "Appeal Deadline"
+          : period === Periods.execution
+          ? "Final Decision"
+          : "Voting Deadline"
+      }
+      value={new Date(date * 1000).toLocaleString()}
+    />
+  </Container>
+);
+
+export default DisputeInfo;
diff --git a/web/src/components/DisputeCard/PeriodBanner.tsx b/web/src/components/DisputeCard/PeriodBanner.tsx
new file mode 100644
index 000000000..c744c30b2
--- /dev/null
+++ b/web/src/components/DisputeCard/PeriodBanner.tsx
@@ -0,0 +1,70 @@
+import React from "react";
+import styled, { Theme } from "styled-components";
+import { Periods } from "consts/periods";
+
+export interface IPeriodBanner {
+  id: number;
+  period: Periods;
+}
+
+const getPeriodColors = (period: Periods, theme: Theme): [string, string] => {
+  switch (period) {
+    case Periods.appeal:
+      return [theme.tint, theme.tintMedium];
+    case Periods.execution:
+      return [theme.secondaryPurple, theme.mediumPurple];
+    default:
+      return [theme.primaryBlue, theme.mediumBlue];
+  }
+};
+
+const Container = styled.div<Omit<IPeriodBanner, "id">>`
+  height: 45px;
+  width: auto;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  .dot {
+    ::before {
+      content: "";
+      display: inline-block;
+      height: 8px;
+      width: 8px;
+      border-radius: 50%;
+      margin-right: 8px;
+    }
+  }
+  ${({ theme, period }) => {
+    const [frontColor, backgroundColor] = getPeriodColors(period, theme);
+    return `
+      border-top: 5px solid ${frontColor};
+      background-color: ${backgroundColor};
+      .front-color {
+        color: ${frontColor};
+      }
+      .dot {
+        ::before {
+          background-color: ${frontColor};
+        }
+      }
+    `;
+  }};
+`;
+
+const PeriodBanner: React.FC<IPeriodBanner> = ({ id, period }) => (
+  <Container {...{ period }}>
+    <label className="front-color dot">
+      {period === Periods.appeal
+        ? "Crowdfunding Appeal"
+        : period === Periods.execution
+        ? "Closed"
+        : "In Progress"}
+    </label>
+    <label className="front-color">#{id}</label>
+  </Container>
+);
+
+export default PeriodBanner;
diff --git a/web/src/components/DisputeCard/index.tsx b/web/src/components/DisputeCard/index.tsx
new file mode 100644
index 000000000..e06b894f4
--- /dev/null
+++ b/web/src/components/DisputeCard/index.tsx
@@ -0,0 +1,47 @@
+import React from "react";
+import styled from "styled-components";
+import { Card } from "@kleros/ui-components-library";
+import PeriodBanner, { IPeriodBanner } from "./PeriodBanner";
+import DisputeInfo, { IDisputeInfo } from "./DisputeInfo";
+
+const StyledCard = styled(Card)`
+  max-width: 380px;
+  min-width: 312px;
+  width: auto;
+  height: 260px;
+`;
+
+const Container = styled.div`
+  height: 215px;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  h3 {
+    margin: 0;
+  }
+`;
+
+interface IDisputeCard extends IPeriodBanner, Omit<IDisputeInfo, "period"> {
+  title: string;
+}
+
+const DisputeCard: React.FC<IDisputeCard> = ({
+  id,
+  period,
+  title,
+  court,
+  category,
+  rewards,
+  date,
+}) => (
+  <StyledCard>
+    <PeriodBanner {...{ id, period }} />
+    <Container>
+      <h3>{title}</h3>
+      <DisputeInfo {...{ court, category, rewards, period, date }} />
+    </Container>
+  </StyledCard>
+);
+
+export default DisputeCard;
diff --git a/web/src/pages/home/index.tsx b/web/src/pages/home/index.tsx
index 03f72adaa..d62a3843b 100644
--- a/web/src/pages/home/index.tsx
+++ b/web/src/pages/home/index.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import styled from "styled-components";
 import Stats from "./Stats";
+import DisputeCard from "components/DisputeCard";
 
 const Container = styled.div`
   width: 100vw;
@@ -12,6 +13,16 @@ const Container = styled.div`
 const Home: React.FC = () => (
   <Container>
     <Stats />
+    <hr />
+    <DisputeCard
+      title="Register Profile in Proof of Humanity"
+      id={600}
+      period={1}
+      court="Humanity"
+      category="Identity"
+      rewards="≥ 0.3 ETH"
+      date={1651244935}
+    />
   </Container>
 );
 

From 55ff6037f34141ff962d7141d411939cc31aac78 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 3 May 2022 13:48:54 +0200
Subject: [PATCH 05/24] chore(web): add icon svgs and remove fixed width and
 height

---
 web/src/assets/svgs/icons/bookmark.svg        |  4 +--
 web/src/assets/svgs/icons/calendar.svg        |  4 +--
 web/src/assets/svgs/icons/ethereum.svg        |  3 ++
 web/src/assets/svgs/icons/law-balance.svg     |  4 +--
 web/src/assets/svgs/icons/pile-coins.svg      |  4 +--
 web/src/assets/svgs/icons/pnk.svg             |  4 +--
 .../assets/svgs/icons/redistributed-pnk.svg   | 34 +++++++++++++++++++
 web/src/assets/svgs/icons/user.svg            |  3 ++
 8 files changed, 50 insertions(+), 10 deletions(-)
 create mode 100644 web/src/assets/svgs/icons/ethereum.svg
 create mode 100644 web/src/assets/svgs/icons/redistributed-pnk.svg
 create mode 100644 web/src/assets/svgs/icons/user.svg

diff --git a/web/src/assets/svgs/icons/bookmark.svg b/web/src/assets/svgs/icons/bookmark.svg
index 7e194f956..fdb0da0bf 100644
--- a/web/src/assets/svgs/icons/bookmark.svg
+++ b/web/src/assets/svgs/icons/bookmark.svg
@@ -1,10 +1,10 @@
-<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_11557_149819)">
 <path d="M11.1731 0.5H3.09615C2.35268 0.5 1.75 1.08762 1.75 1.8125V14.5L7.13462 11.4375L12.5192 14.5V1.8125C12.5192 1.08762 11.9165 0.5 11.1731 0.5ZM11.1731 12.2149L7.13462 9.91801L3.09615 12.2149V1.97656C3.09615 1.93305 3.11388 1.89132 3.14544 1.86055C3.177 1.82979 3.2198 1.8125 3.26442 1.8125H11.0048C11.0977 1.8125 11.1731 1.88586 11.1731 1.97645V12.2149Z" />
 </g>
 <defs>
 <clipPath id="clip0_11557_149819">
-<rect width="14" height="14" transform="translate(0 0.5)"/>
+<rect transform="translate(0 0.5)"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/web/src/assets/svgs/icons/calendar.svg b/web/src/assets/svgs/icons/calendar.svg
index eac77965c..642995bf0 100644
--- a/web/src/assets/svgs/icons/calendar.svg
+++ b/web/src/assets/svgs/icons/calendar.svg
@@ -1,10 +1,10 @@
-<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_11557_149808)">
 <path d="M4.92188 8.375H3.82812C3.64766 8.375 3.5 8.22734 3.5 8.04688V6.95312C3.5 6.77266 3.64766 6.625 3.82812 6.625H4.92188C5.10234 6.625 5.25 6.77266 5.25 6.95312V8.04688C5.25 8.22734 5.10234 8.375 4.92188 8.375ZM7.875 8.04688V6.95312C7.875 6.77266 7.72734 6.625 7.54688 6.625H6.45312C6.27266 6.625 6.125 6.77266 6.125 6.95312V8.04688C6.125 8.22734 6.27266 8.375 6.45312 8.375H7.54688C7.72734 8.375 7.875 8.22734 7.875 8.04688ZM10.5 8.04688V6.95312C10.5 6.77266 10.3523 6.625 10.1719 6.625H9.07812C8.89766 6.625 8.75 6.77266 8.75 6.95312V8.04688C8.75 8.22734 8.89766 8.375 9.07812 8.375H10.1719C10.3523 8.375 10.5 8.22734 10.5 8.04688ZM7.875 10.6719V9.57812C7.875 9.39766 7.72734 9.25 7.54688 9.25H6.45312C6.27266 9.25 6.125 9.39766 6.125 9.57812V10.6719C6.125 10.8523 6.27266 11 6.45312 11H7.54688C7.72734 11 7.875 10.8523 7.875 10.6719ZM5.25 10.6719V9.57812C5.25 9.39766 5.10234 9.25 4.92188 9.25H3.82812C3.64766 9.25 3.5 9.39766 3.5 9.57812V10.6719C3.5 10.8523 3.64766 11 3.82812 11H4.92188C5.10234 11 5.25 10.8523 5.25 10.6719ZM10.5 10.6719V9.57812C10.5 9.39766 10.3523 9.25 10.1719 9.25H9.07812C8.89766 9.25 8.75 9.39766 8.75 9.57812V10.6719C8.75 10.8523 8.89766 11 9.07812 11H10.1719C10.3523 11 10.5 10.8523 10.5 10.6719ZM13.125 3.5625V13.1875C13.125 13.9121 12.5371 14.5 11.8125 14.5H2.1875C1.46289 14.5 0.875 13.9121 0.875 13.1875V3.5625C0.875 2.83789 1.46289 2.25 2.1875 2.25H3.5V0.828125C3.5 0.647656 3.64766 0.5 3.82812 0.5H4.92188C5.10234 0.5 5.25 0.647656 5.25 0.828125V2.25H8.75V0.828125C8.75 0.647656 8.89766 0.5 9.07812 0.5H10.1719C10.3523 0.5 10.5 0.647656 10.5 0.828125V2.25H11.8125C12.5371 2.25 13.125 2.83789 13.125 3.5625ZM11.8125 13.0234V4.875H2.1875V13.0234C2.1875 13.1137 2.26133 13.1875 2.35156 13.1875H11.6484C11.7387 13.1875 11.8125 13.1137 11.8125 13.0234Z" />
 </g>
 <defs>
 <clipPath id="clip0_11557_149808">
-<rect width="14" height="14" transform="translate(0 0.5)"/>
+<rect transform="translate(0 0.5)"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/web/src/assets/svgs/icons/ethereum.svg b/web/src/assets/svgs/icons/ethereum.svg
new file mode 100644
index 000000000..c570a3c65
--- /dev/null
+++ b/web/src/assets/svgs/icons/ethereum.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 13 22" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6666 11.1969L6.53378 15.0031L0.396973 11.1969L6.53378 0.5L12.6666 11.1969ZM6.53378 16.2254L0.396973 12.4191L6.53378 21.5L12.6706 12.4191L6.53378 16.2254V16.2254Z" />
+</svg>
diff --git a/web/src/assets/svgs/icons/law-balance.svg b/web/src/assets/svgs/icons/law-balance.svg
index d2c57c51c..307ccb85a 100644
--- a/web/src/assets/svgs/icons/law-balance.svg
+++ b/web/src/assets/svgs/icons/law-balance.svg
@@ -1,10 +1,10 @@
-<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_12054_167323)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.79156 3.15129C7.79156 3.52555 7.70712 3.74087 7.57048 3.86274L11.3474 4.98979C11.4509 4.90059 11.5856 4.84623 11.7332 4.84623C12.0592 4.84623 12.3235 5.10951 12.3235 5.43429C12.3235 5.67037 12.1835 5.87337 11.982 5.96696L13.3039 9.76961C13.723 9.83625 14 9.93458 14 10.0646C14 10.5981 12.9553 11.0306 11.6667 11.0306C10.378 11.0306 9.33337 10.5981 9.33337 10.0646C9.33337 9.92642 9.64629 9.82404 10.1101 9.75743L11.4363 5.94197C11.3146 5.8712 11.2207 5.75845 11.1747 5.62343C11.1301 5.43834 11.0265 5.32151 10.8637 5.27295C10.6692 5.2149 10.4786 5.20833 10.2659 5.201C9.99706 5.19174 9.6928 5.18126 9.30029 5.06414L7.38131 4.49154V8.40273C7.53077 8.5094 7.62846 8.68344 7.62846 8.88059C7.62846 9.01134 7.58514 9.13172 7.51265 9.22937C7.70758 9.37395 7.83439 9.60457 7.83439 9.86526C7.83439 10.1808 7.64906 10.4524 7.38131 10.5802V11.3968C8.25276 11.4422 8.91665 11.6771 8.91665 11.9601C8.91665 11.9649 8.91645 11.9697 8.91607 11.9744C10.3227 12.0957 11.2938 12.3539 11.2938 12.6529L11.3007 13.07C11.3007 13.4854 9.42951 13.8188 7.11703 13.8188C4.80456 13.8188 2.93338 13.4786 2.93338 13.0632L2.91966 12.6529C2.91966 12.3587 3.86005 12.104 5.2303 11.9804C5.22955 11.9736 5.22916 11.9669 5.22916 11.9601C5.22916 11.6817 5.87174 11.4498 6.72236 11.3991V10.5934C6.43979 10.4715 6.2419 10.1916 6.2419 9.86531C6.2419 9.60465 6.36871 9.37399 6.56364 9.22941C6.49119 9.13176 6.44782 9.01142 6.44782 8.88063C6.44782 8.67167 6.55754 8.48864 6.72236 8.38435V4.29493L4.53389 3.64186C4.38825 3.5984 4.17506 3.48298 3.94728 3.35966L3.94727 3.35966L3.94727 3.35966L3.94726 3.35966L3.94726 3.35966C3.68597 3.2182 3.40547 3.06634 3.18566 3.00075C3.03336 2.9553 2.87703 2.98824 2.71666 3.09957C2.68578 3.12472 2.65221 3.14659 2.61659 3.16518L3.93556 6.95973C4.37412 7.02642 4.66664 7.12656 4.66664 7.26014C4.66664 7.79367 3.62198 8.22618 2.33332 8.22618C1.04466 8.22618 0 7.79367 0 7.26014C0 7.13055 0.275299 7.03244 0.692166 6.9658L2.02279 3.13777C1.86048 3.03298 1.75282 2.85131 1.75282 2.64428C1.75282 2.3195 2.0171 2.05622 2.34312 2.05622C2.60872 2.05622 2.83322 2.23096 2.90739 2.47131L6.29933 3.48345C6.2807 3.38972 6.27073 3.27989 6.27073 3.15129C6.27073 2.65026 6.5242 2.05816 7.03114 1.375C7.53808 2.05816 7.79156 2.65026 7.79156 3.15129ZM11.8653 6.00696L13.1662 9.74952C12.3453 9.63958 11.0947 9.63618 10.2472 9.73929L11.5495 5.99285C11.6073 6.01172 11.669 6.02227 11.7332 6.02227C11.7787 6.02227 11.8228 6.01665 11.8653 6.00696ZM0.829894 6.94559L2.13407 3.19369C2.19914 3.21827 2.2694 3.23234 2.34312 3.23234C2.39802 3.23234 2.45094 3.2243 2.50135 3.21035L3.79797 6.9405C2.9489 6.83147 1.66543 6.83317 0.829894 6.94559Z" />
 </g>
 <defs>
 <clipPath id="clip0_12054_167323">
-<rect width="14" height="14" transform="translate(0 0.5)"/>
+<rect transform="translate(0 0.5)"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/web/src/assets/svgs/icons/pile-coins.svg b/web/src/assets/svgs/icons/pile-coins.svg
index 79802db99..97660f56b 100644
--- a/web/src/assets/svgs/icons/pile-coins.svg
+++ b/web/src/assets/svgs/icons/pile-coins.svg
@@ -1,10 +1,10 @@
-<svg width="14" height="15" viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_11557_149813)">
 <path d="M0 11.5824V12.75C0 13.7152 2.35156 14.5 5.25 14.5C8.14844 14.5 10.5 13.7152 10.5 12.75V11.5824C9.3707 12.3781 7.30625 12.75 5.25 12.75C3.19375 12.75 1.1293 12.3781 0 11.5824ZM8.75 4C11.6484 4 14 3.21523 14 2.25C14 1.28477 11.6484 0.5 8.75 0.5C5.85156 0.5 3.5 1.28477 3.5 2.25C3.5 3.21523 5.85156 4 8.75 4ZM0 8.71406V10.125C0 11.0902 2.35156 11.875 5.25 11.875C8.14844 11.875 10.5 11.0902 10.5 10.125V8.71406C9.3707 9.64375 7.30352 10.125 5.25 10.125C3.19648 10.125 1.1293 9.64375 0 8.71406ZM11.375 9.01484C12.9418 8.71133 14 8.14805 14 7.5V6.33242C13.3656 6.78086 12.4332 7.08711 11.375 7.27578V9.01484ZM5.25 4.875C2.35156 4.875 0 5.85391 0 7.0625C0 8.27109 2.35156 9.25 5.25 9.25C8.14844 9.25 10.5 8.27109 10.5 7.0625C10.5 5.85391 8.14844 4.875 5.25 4.875ZM11.2465 6.41445C12.8871 6.11914 14 5.53945 14 4.875V3.70742C13.0293 4.39375 11.3613 4.76289 9.60586 4.85039C10.4125 5.24141 11.0059 5.76641 11.2465 6.41445Z" />
 </g>
 <defs>
 <clipPath id="clip0_11557_149813">
-<rect width="14" height="14" transform="translate(0 0.5)"/>
+<rect transform="translate(0 0.5)"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/web/src/assets/svgs/icons/pnk.svg b/web/src/assets/svgs/icons/pnk.svg
index 0ab2d87b4..3b726787d 100644
--- a/web/src/assets/svgs/icons/pnk.svg
+++ b/web/src/assets/svgs/icons/pnk.svg
@@ -1,10 +1,10 @@
-<svg width="22" height="22" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_13719_38976)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.60249 1.8125L17.0528 2.28456L21.2837 11.785L15.3147 20.4678L4.80756 19.7878L0.5 9.49409L6.60249 1.8125ZM14.264 7.28878L6.69025 10.6329L13.1653 15.6925L14.264 7.28878ZM13.3871 5.61306L7.33447 2.97929L6.06304 8.51691L13.3871 5.61306ZM11.853 16.9655L5.27494 12.2185L5.43405 18.6509L11.853 16.9655ZM20.233 11.764L15.7504 7.1671L14.5673 16.0068L20.233 11.764ZM13.3952 17.9994L7.84753 19.4648L14.3716 19.887L13.3952 17.9994ZM19.357 13.8497L14.5008 17.5057L15.4657 19.4115L19.357 13.8497ZM17.06 3.61196L16.1168 5.56883L19.6276 9.1755L17.06 3.61196ZM15.8848 2.67553L9.71972 2.42262L14.8052 4.6706L15.8848 2.67553ZM5.7022 3.58046L1.38398 9.09109L4.27107 9.7091L5.7022 3.58046ZM4.09698 10.7901L1.19598 10.1694L4.22295 17.3762L4.09698 10.7901Z" />
 </g>
 <defs>
 <clipPath id="clip0_13719_38976">
-<rect width="20.7837" height="21" fill="white" transform="translate(0.5 0.5)"/>
+<rect transform="translate(0.5 0.5)"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/web/src/assets/svgs/icons/redistributed-pnk.svg b/web/src/assets/svgs/icons/redistributed-pnk.svg
new file mode 100644
index 000000000..cc9081d4d
--- /dev/null
+++ b/web/src/assets/svgs/icons/redistributed-pnk.svg
@@ -0,0 +1,34 @@
+<svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13762_38788)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6025 14.8125L30.0528 15.2846L34.2837 24.785L28.3147 33.4678L17.8076 32.7878L13.5 22.4941L19.6025 14.8125ZM27.264 20.2888L19.6903 23.6329L26.1653 28.6925L27.264 20.2888ZM26.3871 18.6131L20.3345 15.9793L19.063 21.5169L26.3871 18.6131ZM24.853 29.9655L18.2749 25.2185L18.4341 31.6509L24.853 29.9655ZM33.233 24.764L28.7504 20.1671L27.5673 29.0068L33.233 24.764ZM26.3952 30.9994L20.8475 32.4648L27.3716 32.887L26.3952 30.9994ZM32.357 26.8497L27.5008 30.5057L28.4657 32.4115L32.357 26.8497ZM30.06 16.612L29.1168 18.5688L32.6276 22.1755L30.06 16.612ZM28.8848 15.6755L22.7197 15.4226L27.8052 17.6706L28.8848 15.6755ZM18.7022 16.5805L14.384 22.0911L17.2711 22.7091L18.7022 16.5805ZM17.097 23.7901L14.196 23.1694L17.2229 30.3762L17.097 23.7901Z" />
+</g>
+<g clip-path="url(#clip1_13762_38788)">
+<path d="M8.2993 25.6257L8.1011 25.8233C8.01718 25.9069 7.88149 25.9069 7.79846 25.8233L6.06294 24.0943C5.97902 24.0106 5.97902 23.8754 6.06294 23.7926L7.79846 22.0627C7.88238 21.9791 8.01808 21.9791 8.1011 22.0627L8.2993 22.2603C8.38411 22.3448 8.38232 22.4827 8.29573 22.5655L7.21995 23.5871L9.78574 23.5871C9.90447 23.5871 10 23.6823 10 23.8006L10 24.0854C10 24.2037 9.90447 24.2989 9.78574 24.2989L7.21995 24.2989L8.29573 25.3205C8.38322 25.4033 8.385 25.5412 8.2993 25.6257V25.6257Z" />
+</g>
+<g clip-path="url(#clip2_13762_38788)">
+<path d="M39.7007 22.3743L39.8989 22.1767C39.9828 22.0931 40.1185 22.0931 40.2015 22.1767L41.9371 23.9057C42.021 23.9894 42.021 24.1246 41.9371 24.2074L40.2015 25.9373C40.1176 26.0209 39.9819 26.0209 39.8989 25.9373L39.7007 25.7397C39.6159 25.6552 39.6177 25.5173 39.7043 25.4345L40.78 24.4129L38.2143 24.4129C38.0955 24.4129 38 24.3177 38 24.1994L38 23.9146C38 23.7963 38.0955 23.7011 38.2143 23.7011L40.78 23.7011L39.7043 22.6795C39.6168 22.5967 39.615 22.4588 39.7007 22.3743V22.3743Z" />
+</g>
+<g clip-path="url(#clip3_13762_38788)">
+<path d="M22.3743 8.2993L22.1767 8.1011C22.0931 8.01718 22.0931 7.88149 22.1767 7.79846L23.9057 6.06294C23.9894 5.97902 24.1246 5.97902 24.2074 6.06294L25.9373 7.79846C26.0209 7.88238 26.0209 8.01808 25.9373 8.1011L25.7397 8.2993C25.6552 8.38411 25.5173 8.38232 25.4345 8.29573L24.4129 7.21995L24.4129 9.78574C24.4129 9.90447 24.3177 10 24.1994 10L23.9146 10C23.7963 10 23.7011 9.90447 23.7011 9.78574L23.7011 7.21995L22.6795 8.29573C22.5967 8.38322 22.4588 8.385 22.3743 8.2993V8.2993Z" />
+</g>
+<g clip-path="url(#clip4_13762_38788)">
+<path d="M25.6257 39.7007L25.8233 39.8989C25.9069 39.9828 25.9069 40.1185 25.8233 40.2015L24.0943 41.9371C24.0106 42.021 23.8754 42.021 23.7926 41.9371L22.0627 40.2015C21.9791 40.1176 21.9791 39.9819 22.0627 39.8989L22.2603 39.7007C22.3448 39.6159 22.4827 39.6177 22.5655 39.7043L23.5871 40.78L23.5871 38.2143C23.5871 38.0955 23.6823 38 23.8006 38L24.0854 38C24.2037 38 24.2989 38.0955 24.2989 38.2143L24.2989 40.78L25.3205 39.7043C25.4033 39.6168 25.5412 39.615 25.6257 39.7007V39.7007Z" />
+</g>
+<defs>
+<clipPath id="clip0_13762_38788">
+<rect transform="translate(13.5 13.5)"/>
+</clipPath>
+<clipPath id="clip1_13762_38788">
+<rect transform="translate(6 26) rotate(-90)"/>
+</clipPath>
+<clipPath id="clip2_13762_38788">
+<rect transform="translate(42 22) rotate(90)"/>
+</clipPath>
+<clipPath id="clip3_13762_38788">
+<rect transform="translate(22 6)"/>
+</clipPath>
+<clipPath id="clip4_13762_38788">
+<rect transform="translate(26 42) rotate(-180)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/assets/svgs/icons/user.svg b/web/src/assets/svgs/icons/user.svg
new file mode 100644
index 000000000..d9f6d1df3
--- /dev/null
+++ b/web/src/assets/svgs/icons/user.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8919 12.3125C14.119 12.3125 16.7373 9.66699 16.7373 6.40625C16.7373 3.14551 14.119 0.5 10.8919 0.5C7.6647 0.5 5.04644 3.14551 5.04644 6.40625C5.04644 9.66699 7.6647 12.3125 10.8919 12.3125ZM16.0878 13.625H13.8511C12.9499 14.0434 11.9473 14.2812 10.8919 14.2812C9.83643 14.2812 8.83784 14.0434 7.93261 13.625H5.69593C2.82599 13.625 0.5 15.9752 0.5 18.875V19.5312C0.5 20.6182 1.37275 21.5 2.44847 21.5H19.3352C20.411 21.5 21.2837 20.6182 21.2837 19.5312V18.875C21.2837 15.9752 18.9577 13.625 16.0878 13.625Z" />
+</svg>

From 7dbecd62f92044cacf0e0e936b2cab653b00ecef Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 3 May 2022 13:51:31 +0200
Subject: [PATCH 06/24] fix(web): add css attributes to control svg size

---
 web/src/components/DisputeCard/DisputeInfo.tsx | 1 +
 web/src/components/StatDisplay.tsx             | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/DisputeCard/DisputeInfo.tsx b/web/src/components/DisputeCard/DisputeInfo.tsx
index 7cc2f47e0..f0c9c1057 100644
--- a/web/src/components/DisputeCard/DisputeInfo.tsx
+++ b/web/src/components/DisputeCard/DisputeInfo.tsx
@@ -19,6 +19,7 @@ const FieldContainer = styled.div`
   svg {
     fill: ${({ theme }) => theme.secondaryPurple};
     margin-right: 8px;
+    width: 15px;
   }
 `;
 
diff --git a/web/src/components/StatDisplay.tsx b/web/src/components/StatDisplay.tsx
index f00960f4d..9cc14e734 100644
--- a/web/src/components/StatDisplay.tsx
+++ b/web/src/components/StatDisplay.tsx
@@ -23,6 +23,8 @@ const SVGContainer = styled.div<{ iconColor: string; backgroundColor: string }>`
 
   svg {
     fill: ${({ iconColor }) => iconColor};
+    max-height: 22px;
+    max-width: 22px;
   }
 `;
 
@@ -36,7 +38,7 @@ interface IStatDisplay {
   title: string;
   text: string;
   subtext: string;
-  icon: JSX.Element;
+  icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
   color: "red" | "orange" | "green" | "blue" | "purple";
 }
 
@@ -44,7 +46,7 @@ const StatDisplay: React.FC<IStatDisplay> = ({
   title,
   text,
   subtext,
-  icon,
+  icon: Icon,
   color,
   ...props
 }) => {
@@ -58,7 +60,7 @@ const StatDisplay: React.FC<IStatDisplay> = ({
   };
   return (
     <Container {...props}>
-      <SVGContainer {...{ ...COLORS[color] }}>{icon}</SVGContainer>
+      <SVGContainer {...{ ...COLORS[color] }}>{<Icon />}</SVGContainer>
       <TextContainer>
         <label>{title}</label>
         <h1>{text}</h1>

From 3bd7c5518a39fb23d9228046c4bedcf8013034df Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 3 May 2022 16:11:24 +0200
Subject: [PATCH 07/24] feat(web): populate stats cards with testnet data

---
 web/package.json                           |   6 +-
 web/src/app.tsx                            |  51 ++++---
 web/src/hooks/queries/useDataPointQuery.ts |  30 ++++
 web/src/pages/home/Stats.tsx               |  93 +++++++++----
 yarn.lock                                  | 154 +++++++++++++++++++++
 5 files changed, 290 insertions(+), 44 deletions(-)
 create mode 100644 web/src/hooks/queries/useDataPointQuery.ts

diff --git a/web/package.json b/web/package.json
index ac18d1f46..651588048 100644
--- a/web/package.json
+++ b/web/package.json
@@ -51,10 +51,14 @@
     "@kleros/kleros-v2-contracts": "workspace:^",
     "@kleros/ui-components-library": "^0.1.5",
     "core-js": "^3.21.1",
+    "ethers": "^5.6.5",
+    "graphql": "^16.4.0",
+    "graphql-request": "^4.2.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-is": "^18.0.0",
     "react-router-dom": "6",
-    "styled-components": "^5.3.5"
+    "styled-components": "^5.3.5",
+    "swr": "^1.3.0"
   }
 }
diff --git a/web/src/app.tsx b/web/src/app.tsx
index 4a771358d..805b5ef76 100644
--- a/web/src/app.tsx
+++ b/web/src/app.tsx
@@ -1,24 +1,41 @@
 import React from "react";
-import { Routes, Route } from "react-router-dom";
 import StyledComponentsProvider from "context/StyledComponentsProvider";
+import { SWRConfig } from "swr";
+import { request } from "graphql-request";
+import { Routes, Route } from "react-router-dom";
 import Layout from "layout/index";
 import Home from "./pages/home";
 
-const App: React.FC = () => (
-  <StyledComponentsProvider>
-    <Routes>
-      <Route path="/" element={<Layout />}>
-        <Route index element={<Home />} />
-        <Route path="cases" element={<h1>Cases</h1>} />
-        <Route path="courts" element={<h1>Courts</h1>} />
-        <Route path="dashboard" element={<h1>Dashboard</h1>} />
-        <Route
-          path="*"
-          element={<h1>Justice not found here ¯\_( ͡° ͜ʖ ͡°)_/¯</h1>}
-        />
-      </Route>
-    </Routes>
-  </StyledComponentsProvider>
-);
+const fetcherBuilder = (url: string) => (query: string) => {
+  console.log("fetch");
+  return request(url, query);
+};
+
+const App: React.FC = () => {
+  return (
+    <StyledComponentsProvider>
+      <SWRConfig
+        value={{
+          fetcher: fetcherBuilder(
+            "https://api.thegraph.com/subgraphs/name/alcercu/kleros-core"
+          ),
+        }}
+      >
+        <Routes>
+          <Route path="/" element={<Layout />}>
+            <Route index element={<Home />} />
+            <Route path="cases" element={<h1>Cases</h1>} />
+            <Route path="courts" element={<h1>Courts</h1>} />
+            <Route path="dashboard" element={<h1>Dashboard</h1>} />
+            <Route
+              path="*"
+              element={<h1>Justice not found here ¯\_( ͡° ͜ʖ ͡°)_/¯</h1>}
+            />
+          </Route>
+        </Routes>
+      </SWRConfig>
+    </StyledComponentsProvider>
+  );
+};
 
 export default App;
diff --git a/web/src/hooks/queries/useDataPointQuery.ts b/web/src/hooks/queries/useDataPointQuery.ts
new file mode 100644
index 000000000..416ad3b08
--- /dev/null
+++ b/web/src/hooks/queries/useDataPointQuery.ts
@@ -0,0 +1,30 @@
+import useSWR from "swr";
+
+const DATAPOINT_NAMES = [
+  "pnkstaked",
+  "ethpaid",
+  "pnkredistributed",
+  "activeJurors",
+  "cases",
+];
+
+export const useDataPointQuery = (): any => {
+  const { data, error, isValidating } = useSWR(
+    `{
+      ${DATAPOINT_NAMES.map(
+        (datapointName: string) => `
+          ${datapointName}DataPoint(id: 0) {
+            value
+          }
+        `
+      )}
+    }`
+  );
+  const returnData = DATAPOINT_NAMES.reduce((acc, datapointName: string) => {
+    acc[datapointName] = data
+      ? data[`${datapointName}DataPoint`]?.value
+      : undefined;
+    return acc;
+  }, {});
+  return { ...returnData, error, isValidating };
+};
diff --git a/web/src/pages/home/Stats.tsx b/web/src/pages/home/Stats.tsx
index 3ee872b54..f80e04e2a 100644
--- a/web/src/pages/home/Stats.tsx
+++ b/web/src/pages/home/Stats.tsx
@@ -1,42 +1,83 @@
 import React from "react";
 import styled from "styled-components";
+import { utils } from "ethers";
 import { Card } from "@kleros/ui-components-library";
 import StatDisplay from "components/StatDisplay";
 import PNKIcon from "svgs/icons/pnk.svg";
+import EthereumIcon from "svgs/icons/ethereum.svg";
+import PNKRedistributedIcon from "svgs/icons/redistributed-pnk.svg";
+import JurorIcon from "svgs/icons/user.svg";
+import BalanceIcon from "svgs/icons/law-balance.svg";
+import { useDataPointQuery } from "hooks/queries/useDataPointQuery";
 
 const StyledCard = styled(Card)`
   width: auto;
   height: fit-content;
   padding: 16px;
   display: flex;
-  flex-direction: column;
   gap: 32px;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
 `;
 
-const Stats = () => (
-  <StyledCard>
-    <StatDisplay
-      title="PNK staked"
-      text="136,000,000"
-      subtext="$ 3,000,000"
-      color="purple"
-      icon={<PNKIcon />}
-    />
-    <StatDisplay
-      title="PNK staked"
-      text="136,000,000"
-      subtext="$ 3,000,000"
-      color="blue"
-      icon={<PNKIcon />}
-    />
-    <StatDisplay
-      title="PNK staked"
-      text="136,000,000"
-      subtext="$ 3,000,000"
-      color="green"
-      icon={<PNKIcon />}
-    />
-  </StyledCard>
-);
+const Stats = () => {
+  const {
+    pnkstaked: stakedPNK,
+    ethpaid: paidETH,
+    pnkredistributed: redistributedPNK,
+    activeJurors,
+    cases,
+  } = useDataPointQuery();
+  return (
+    <StyledCard>
+      <StatDisplay
+        title="PNK staked"
+        text={
+          stakedPNK
+            ? utils.commify(utils.formatUnits(stakedPNK, 18))
+            : "Fetching..."
+        }
+        subtext="$ 3,000,000"
+        color="purple"
+        icon={PNKIcon}
+      />
+      <StatDisplay
+        title="ETH Paid to jurors"
+        text={
+          paidETH ? utils.commify(utils.formatEther(paidETH)) : "Fetching..."
+        }
+        subtext="$ 3,000,000"
+        color="blue"
+        icon={EthereumIcon}
+      />
+      <StatDisplay
+        title="PNK redistributed"
+        text={
+          redistributedPNK
+            ? utils.commify(utils.formatUnits(redistributedPNK, 18))
+            : "Fetching..."
+        }
+        subtext="$ 3,000,000"
+        color="purple"
+        icon={PNKRedistributedIcon}
+      />
+      <StatDisplay
+        title="Active jurors"
+        text={activeJurors ? activeJurors : "Fetching..."}
+        subtext="$ 3,000,000"
+        color="green"
+        icon={JurorIcon}
+      />
+      <StatDisplay
+        title="Cases"
+        text={cases ? cases : "Fetching..."}
+        subtext="$ 3,000,000"
+        color="orange"
+        icon={BalanceIcon}
+      />
+    </StyledCard>
+  );
+};
 
 export default Stats;
diff --git a/yarn.lock b/yarn.lock
index 46625e631..94eb63b3a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -780,6 +780,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ethersproject/abi@npm:5.6.1":
+  version: 5.6.1
+  resolution: "@ethersproject/abi@npm:5.6.1"
+  dependencies:
+    "@ethersproject/address": ^5.6.0
+    "@ethersproject/bignumber": ^5.6.0
+    "@ethersproject/bytes": ^5.6.0
+    "@ethersproject/constants": ^5.6.0
+    "@ethersproject/hash": ^5.6.0
+    "@ethersproject/keccak256": ^5.6.0
+    "@ethersproject/logger": ^5.6.0
+    "@ethersproject/properties": ^5.6.0
+    "@ethersproject/strings": ^5.6.0
+  checksum: 0545a874dc5bfe2fec63e472d269f9c6b22b8f9ea77f4c23b93d36a8652152171f1ae2681dc64ec8d46b69506967a5e99c8156dc1f74346eea48cb6b64a1fdc9
+  languageName: node
+  linkType: hard
+
 "@ethersproject/abstract-provider@npm:5.5.1":
   version: 5.5.1
   resolution: "@ethersproject/abstract-provider@npm:5.5.1"
@@ -1160,6 +1177,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ethersproject/networks@npm:5.6.2":
+  version: 5.6.2
+  resolution: "@ethersproject/networks@npm:5.6.2"
+  dependencies:
+    "@ethersproject/logger": ^5.6.0
+  checksum: 3326a2d4accee41c9e93bdd3ae51db2319edd4eb9f7aca16e251261157b3940806fe837e9082f28f126164d9bb7583083c6be9493e7073d25289d3e7802c6873
+  languageName: node
+  linkType: hard
+
 "@ethersproject/pbkdf2@npm:5.5.0":
   version: 5.5.0
   resolution: "@ethersproject/pbkdf2@npm:5.5.0"
@@ -1252,6 +1278,33 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ethersproject/providers@npm:5.6.5":
+  version: 5.6.5
+  resolution: "@ethersproject/providers@npm:5.6.5"
+  dependencies:
+    "@ethersproject/abstract-provider": ^5.6.0
+    "@ethersproject/abstract-signer": ^5.6.0
+    "@ethersproject/address": ^5.6.0
+    "@ethersproject/basex": ^5.6.0
+    "@ethersproject/bignumber": ^5.6.0
+    "@ethersproject/bytes": ^5.6.0
+    "@ethersproject/constants": ^5.6.0
+    "@ethersproject/hash": ^5.6.0
+    "@ethersproject/logger": ^5.6.0
+    "@ethersproject/networks": ^5.6.0
+    "@ethersproject/properties": ^5.6.0
+    "@ethersproject/random": ^5.6.0
+    "@ethersproject/rlp": ^5.6.0
+    "@ethersproject/sha2": ^5.6.0
+    "@ethersproject/strings": ^5.6.0
+    "@ethersproject/transactions": ^5.6.0
+    "@ethersproject/web": ^5.6.0
+    bech32: 1.1.4
+    ws: 7.4.6
+  checksum: f8b37d72068e845f447f922cceddda73508ad539bb035e3f094b6feb7de2a8c6dde87ecd7ee2ec00712e7135145f7e9a902f0b845a0cb604313caf7cb6b440a7
+  languageName: node
+  linkType: hard
+
 "@ethersproject/random@npm:5.5.0":
   version: 5.5.0
   resolution: "@ethersproject/random@npm:5.5.0"
@@ -1342,6 +1395,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ethersproject/signing-key@npm:5.6.1":
+  version: 5.6.1
+  resolution: "@ethersproject/signing-key@npm:5.6.1"
+  dependencies:
+    "@ethersproject/bytes": ^5.6.0
+    "@ethersproject/logger": ^5.6.0
+    "@ethersproject/properties": ^5.6.0
+    bn.js: ^4.11.9
+    elliptic: 6.5.4
+    hash.js: 1.1.7
+  checksum: 9292611a2206b9b160a6e7b8ecaf95090efa66e0fb09c4069f6adcceac678b8be59340c623f61a2ffcc57af814745b0fefc1381b0208eda0a62e84234fa85455
+  languageName: node
+  linkType: hard
+
 "@ethersproject/solidity@npm:5.5.0":
   version: 5.5.0
   resolution: "@ethersproject/solidity@npm:5.5.0"
@@ -1718,6 +1785,9 @@ __metadata:
     eslint-plugin-react: ^7.28.0
     eslint-plugin-react-hooks: ^4.3.0
     eslint-plugin-security: ^1.4.0
+    ethers: ^5.6.5
+    graphql: ^16.4.0
+    graphql-request: ^4.2.0
     lru-cache: ^7.8.0
     parcel: ^2.4.1
     prettier: ^2.5.1
@@ -1726,6 +1796,7 @@ __metadata:
     react-is: ^18.0.0
     react-router-dom: 6
     styled-components: ^5.3.5
+    swr: ^1.3.0
     typescript: ^4.5.5
   languageName: unknown
   linkType: soft
@@ -6827,6 +6898,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cross-fetch@npm:^3.1.5":
+  version: 3.1.5
+  resolution: "cross-fetch@npm:3.1.5"
+  dependencies:
+    node-fetch: 2.6.7
+  checksum: f6b8c6ee3ef993ace6277fd789c71b6acf1b504fd5f5c7128df4ef2f125a429e29cd62dc8c127523f04a5f2fa4771ed80e3f3d9695617f441425045f505cf3bb
+  languageName: node
+  linkType: hard
+
 "cross-spawn@npm:^6.0.5":
   version: 6.0.5
   resolution: "cross-spawn@npm:6.0.5"
@@ -8974,6 +9054,44 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ethers@npm:^5.6.5":
+  version: 5.6.5
+  resolution: "ethers@npm:5.6.5"
+  dependencies:
+    "@ethersproject/abi": 5.6.1
+    "@ethersproject/abstract-provider": 5.6.0
+    "@ethersproject/abstract-signer": 5.6.0
+    "@ethersproject/address": 5.6.0
+    "@ethersproject/base64": 5.6.0
+    "@ethersproject/basex": 5.6.0
+    "@ethersproject/bignumber": 5.6.0
+    "@ethersproject/bytes": 5.6.1
+    "@ethersproject/constants": 5.6.0
+    "@ethersproject/contracts": 5.6.0
+    "@ethersproject/hash": 5.6.0
+    "@ethersproject/hdnode": 5.6.0
+    "@ethersproject/json-wallets": 5.6.0
+    "@ethersproject/keccak256": 5.6.0
+    "@ethersproject/logger": 5.6.0
+    "@ethersproject/networks": 5.6.2
+    "@ethersproject/pbkdf2": 5.6.0
+    "@ethersproject/properties": 5.6.0
+    "@ethersproject/providers": 5.6.5
+    "@ethersproject/random": 5.6.0
+    "@ethersproject/rlp": 5.6.0
+    "@ethersproject/sha2": 5.6.0
+    "@ethersproject/signing-key": 5.6.1
+    "@ethersproject/solidity": 5.6.0
+    "@ethersproject/strings": 5.6.0
+    "@ethersproject/transactions": 5.6.0
+    "@ethersproject/units": 5.6.0
+    "@ethersproject/wallet": 5.6.0
+    "@ethersproject/web": 5.6.0
+    "@ethersproject/wordlists": 5.6.0
+  checksum: f2c2528452eea1fa3c6e735ea9acf8162555b681d712e770a2e11560a71f9c9ef4abbe686e68c4e2cfa4c51eda35fe06f1bac7dc030daf00747c229b8cab5812
+  languageName: node
+  linkType: hard
+
 "ethjs-unit@npm:0.1.6":
   version: 0.1.6
   resolution: "ethjs-unit@npm:0.1.6"
@@ -9158,6 +9276,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"extract-files@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "extract-files@npm:9.0.0"
+  checksum: c31781d090f8d8f62cc541f1023b39ea863f24bd6fb3d4011922d71cbded70cef8191f2b70b43ec6cb5c5907cdad1dc5e9f29f78228936c10adc239091d8ab64
+  languageName: node
+  linkType: hard
+
 "extsprintf@npm:1.3.0":
   version: 1.3.0
   resolution: "extsprintf@npm:1.3.0"
@@ -10189,6 +10314,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"graphql-request@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "graphql-request@npm:4.2.0"
+  dependencies:
+    cross-fetch: ^3.1.5
+    extract-files: ^9.0.0
+    form-data: ^3.0.0
+  peerDependencies:
+    graphql: 14 - 16
+  checksum: c508705ebdbb94ce4599c9236c06993dd19481d1765b8f316c8ad6eee81c18afaaf9362fa4f6f00227f26e793b4ec38a6aea44708da0ca4a1b4324f41691bbdc
+  languageName: node
+  linkType: hard
+
+"graphql@npm:^16.4.0":
+  version: 16.4.0
+  resolution: "graphql@npm:16.4.0"
+  checksum: 8cac2c466891b6c6ace2fa3807f93815dea53cbec372998c139e796a321a6882c2324cc605e5f9aa45356890239aa9e731a04d8c59ec524db82bd18fb48aafee
+  languageName: node
+  linkType: hard
+
 "growl@npm:1.10.5":
   version: 1.10.5
   resolution: "growl@npm:1.10.5"
@@ -17505,6 +17650,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"swr@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "swr@npm:1.3.0"
+  peerDependencies:
+    react: ^16.11.0 || ^17.0.0 || ^18.0.0
+  checksum: e7a184f0d560e9c8be85c023cc8e65e56a88a6ed46f9394b301b07f838edca23d2e303685319a4fcd620b81d447a7bcb489c7fa0a752c259f91764903c690cdb
+  languageName: node
+  linkType: hard
+
 "sync-request@npm:^6.0.0":
   version: 6.1.0
   resolution: "sync-request@npm:6.1.0"

From 0e79ba1748aff7cc9cdca6a5f9bda2af2cde9abd Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 3 May 2022 16:41:49 +0200
Subject: [PATCH 08/24] chore(web): modify browserlist to avoid build error and
 bump parcel version

---
 web/package.json |   6 +-
 yarn.lock        | 813 ++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 813 insertions(+), 6 deletions(-)

diff --git a/web/package.json b/web/package.json
index 651588048..150ff605e 100644
--- a/web/package.json
+++ b/web/package.json
@@ -2,7 +2,7 @@
   "name": "@kleros/kleros-v2-web",
   "version": "0.1.0",
   "source": "src/index.html",
-  "browserslist": "> 0.5%, last 2 versions, not dead, not ios_saf < 13",
+  "browserslist": "> 3%, not dead, not ios_saf < 13",
   "repository": "",
   "author": "",
   "license": "MIT",
@@ -28,7 +28,7 @@
     "check-types": "tsc --noEmit"
   },
   "devDependencies": {
-    "@parcel/transformer-svg-react": "^2.2.1",
+    "@parcel/transformer-svg-react": "^2.5.0",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "@types/styled-components": "^5.1.21",
@@ -43,7 +43,7 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-security": "^1.4.0",
     "lru-cache": "^7.8.0",
-    "parcel": "^2.4.1",
+    "parcel": "^2.5.0",
     "prettier": "^2.5.1",
     "typescript": "^4.5.5"
   },
diff --git a/yarn.lock b/yarn.lock
index 94eb63b3a..8b7422f45 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1770,7 +1770,7 @@ __metadata:
   dependencies:
     "@kleros/kleros-v2-contracts": "workspace:^"
     "@kleros/ui-components-library": ^0.1.5
-    "@parcel/transformer-svg-react": ^2.2.1
+    "@parcel/transformer-svg-react": ^2.5.0
     "@types/react": ^17.0.38
     "@types/react-dom": ^17.0.11
     "@types/styled-components": ^5.1.21
@@ -1789,7 +1789,7 @@ __metadata:
     graphql: ^16.4.0
     graphql-request: ^4.2.0
     lru-cache: ^7.8.0
-    parcel: ^2.4.1
+    parcel: ^2.5.0
     prettier: ^2.5.1
     react: ^18.0.0
     react-dom: ^18.0.0
@@ -1819,6 +1819,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@lezer/common@npm:^0.15.0, @lezer/common@npm:^0.15.7":
+  version: 0.15.12
+  resolution: "@lezer/common@npm:0.15.12"
+  checksum: dae65816187bd690bf446bec116313d3b5328e70e3e1f7c806273d9356ca2017cf82aa650ea53b95260fb98898ea73d44f33319f9dbbd48d473e2f20771b2377
+  languageName: node
+  linkType: hard
+
+"@lezer/lr@npm:^0.15.4":
+  version: 0.15.8
+  resolution: "@lezer/lr@npm:0.15.8"
+  dependencies:
+    "@lezer/common": ^0.15.0
+  checksum: e741225d6ac9cf08f8016bad49622fbd4a4e0d20c2e8c2b38a0abf0ddca69c58275b0ebdb9d5dde2905cf84f6977bc302f7ed5e5ba42c23afa27e9e65b900f36
+  languageName: node
+  linkType: hard
+
 "@metamask/detect-provider@npm:^1.2.0":
   version: 1.2.0
   resolution: "@metamask/detect-provider@npm:1.2.0"
@@ -1839,6 +1855,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mischnic/json-sourcemap@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "@mischnic/json-sourcemap@npm:0.1.0"
+  dependencies:
+    "@lezer/common": ^0.15.7
+    "@lezer/lr": ^0.15.4
+    json5: ^2.2.1
+  checksum: a30eda9eb02db5213b7aa2dc3c688257884a8969849ffa5a3a7c64c5f2a1cfed06691d94f02b37294a3a3b9efe7f88ee6b86c9ef20a799af54807ff2de2d253e
+  languageName: node
+  linkType: hard
+
 "@noble/hashes@npm:1.0.0, @noble/hashes@npm:~1.0.0":
   version: 1.0.0
   resolution: "@noble/hashes@npm:1.0.0"
@@ -1945,6 +1972,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/bundler-default@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/bundler-default@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: edb5bc0a7e17542e537afa458d4c071ebae72d20e543194036431904d732e76cf162054f6e6097530a000a987531ad419cbb2c7b46c448091a8bd0a123c9ac16
+  languageName: node
+  linkType: hard
+
 "@parcel/cache@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/cache@npm:2.4.1"
@@ -1959,6 +1999,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/cache@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/cache@npm:2.5.0"
+  dependencies:
+    "@parcel/fs": 2.5.0
+    "@parcel/logger": 2.5.0
+    "@parcel/utils": 2.5.0
+    lmdb: 2.2.4
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: 07c1e211d2a901b0ecaf2cf987609b1df1e65aacc60aa37f03cf211aa29d350f88e2e4855381debb442badcb2dca624e04b3cb1c423687f5edbfa0a80d45050d
+  languageName: node
+  linkType: hard
+
 "@parcel/codeframe@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/codeframe@npm:2.4.1"
@@ -1968,6 +2022,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/codeframe@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/codeframe@npm:2.5.0"
+  dependencies:
+    chalk: ^4.1.0
+  checksum: 4cc9a9de256d272b0a1b7c9c2253ea7fef99023d3dfef3bfc62878d6d1ec0271ea265491e2876bff783c40a09e2a18dde795cb2306195512a03a505091558ec5
+  languageName: node
+  linkType: hard
+
 "@parcel/compressor-raw@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/compressor-raw@npm:2.4.1"
@@ -1977,6 +2040,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/compressor-raw@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/compressor-raw@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+  checksum: 7cf0865b0593c20ed2a69b3d141f563c68a8e5eda2872b6f7911187a1e0aa76f693aa7dc9d724265889ab64e7e68335fc5bdd2f3f06e0737d372250a888d91a7
+  languageName: node
+  linkType: hard
+
 "@parcel/config-default@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/config-default@npm:2.4.1"
@@ -2017,6 +2089,46 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/config-default@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/config-default@npm:2.5.0"
+  dependencies:
+    "@parcel/bundler-default": 2.5.0
+    "@parcel/compressor-raw": 2.5.0
+    "@parcel/namer-default": 2.5.0
+    "@parcel/optimizer-css": 2.5.0
+    "@parcel/optimizer-htmlnano": 2.5.0
+    "@parcel/optimizer-image": 2.5.0
+    "@parcel/optimizer-svgo": 2.5.0
+    "@parcel/optimizer-terser": 2.5.0
+    "@parcel/packager-css": 2.5.0
+    "@parcel/packager-html": 2.5.0
+    "@parcel/packager-js": 2.5.0
+    "@parcel/packager-raw": 2.5.0
+    "@parcel/packager-svg": 2.5.0
+    "@parcel/reporter-dev-server": 2.5.0
+    "@parcel/resolver-default": 2.5.0
+    "@parcel/runtime-browser-hmr": 2.5.0
+    "@parcel/runtime-js": 2.5.0
+    "@parcel/runtime-react-refresh": 2.5.0
+    "@parcel/runtime-service-worker": 2.5.0
+    "@parcel/transformer-babel": 2.5.0
+    "@parcel/transformer-css": 2.5.0
+    "@parcel/transformer-html": 2.5.0
+    "@parcel/transformer-image": 2.5.0
+    "@parcel/transformer-js": 2.5.0
+    "@parcel/transformer-json": 2.5.0
+    "@parcel/transformer-postcss": 2.5.0
+    "@parcel/transformer-posthtml": 2.5.0
+    "@parcel/transformer-raw": 2.5.0
+    "@parcel/transformer-react-refresh-wrap": 2.5.0
+    "@parcel/transformer-svg": 2.5.0
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: 9568f6ac25ddd910ea4fc5367724d6d66e6faee18574851666daaf3778585f0f504ee23a1d7b11cc737a3d287e525c6fa2018c565cec38c2cf88f9670a3be0c5
+  languageName: node
+  linkType: hard
+
 "@parcel/core@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/core@npm:2.4.1"
@@ -2049,6 +2161,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/core@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/core@npm:2.5.0"
+  dependencies:
+    "@mischnic/json-sourcemap": ^0.1.0
+    "@parcel/cache": 2.5.0
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/events": 2.5.0
+    "@parcel/fs": 2.5.0
+    "@parcel/graph": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/logger": 2.5.0
+    "@parcel/package-manager": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    "@parcel/workers": 2.5.0
+    abortcontroller-polyfill: ^1.1.9
+    base-x: ^3.0.8
+    browserslist: ^4.6.6
+    clone: ^2.1.1
+    dotenv: ^7.0.0
+    dotenv-expand: ^5.1.0
+    json5: ^2.2.0
+    msgpackr: ^1.5.4
+    nullthrows: ^1.1.1
+    semver: ^5.7.1
+  checksum: 703ac8ed63d580c6f76a048596332850ea3fa2e107f7402aacf734d2b0de453be8ad20a2357c62f549ef2a2175f3c2e3938b245f7e7f30e1f0d6f3cd7b49a122
+  languageName: node
+  linkType: hard
+
 "@parcel/css-darwin-arm64@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-darwin-arm64@npm:1.8.1"
@@ -2056,6 +2200,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-darwin-arm64@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-darwin-arm64@npm:1.8.2"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@parcel/css-darwin-x64@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-darwin-x64@npm:1.8.1"
@@ -2063,6 +2214,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-darwin-x64@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-darwin-x64@npm:1.8.2"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@parcel/css-linux-arm-gnueabihf@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.8.1"
@@ -2070,6 +2228,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-linux-arm-gnueabihf@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.8.2"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
 "@parcel/css-linux-arm64-gnu@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-linux-arm64-gnu@npm:1.8.1"
@@ -2077,6 +2242,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-linux-arm64-gnu@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-linux-arm64-gnu@npm:1.8.2"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@parcel/css-linux-arm64-musl@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-linux-arm64-musl@npm:1.8.1"
@@ -2084,6 +2256,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-linux-arm64-musl@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-linux-arm64-musl@npm:1.8.2"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@parcel/css-linux-x64-gnu@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-linux-x64-gnu@npm:1.8.1"
@@ -2091,6 +2270,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-linux-x64-gnu@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-linux-x64-gnu@npm:1.8.2"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@parcel/css-linux-x64-musl@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-linux-x64-musl@npm:1.8.1"
@@ -2098,6 +2284,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-linux-x64-musl@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-linux-x64-musl@npm:1.8.2"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@parcel/css-win32-x64-msvc@npm:1.8.1":
   version: 1.8.1
   resolution: "@parcel/css-win32-x64-msvc@npm:1.8.1"
@@ -2105,6 +2298,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css-win32-x64-msvc@npm:1.8.2":
+  version: 1.8.2
+  resolution: "@parcel/css-win32-x64-msvc@npm:1.8.2"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@parcel/css@npm:^1.7.4":
   version: 1.8.1
   resolution: "@parcel/css@npm:1.8.1"
@@ -2139,6 +2339,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/css@npm:^1.8.1":
+  version: 1.8.2
+  resolution: "@parcel/css@npm:1.8.2"
+  dependencies:
+    "@parcel/css-darwin-arm64": 1.8.2
+    "@parcel/css-darwin-x64": 1.8.2
+    "@parcel/css-linux-arm-gnueabihf": 1.8.2
+    "@parcel/css-linux-arm64-gnu": 1.8.2
+    "@parcel/css-linux-arm64-musl": 1.8.2
+    "@parcel/css-linux-x64-gnu": 1.8.2
+    "@parcel/css-linux-x64-musl": 1.8.2
+    "@parcel/css-win32-x64-msvc": 1.8.2
+    detect-libc: ^1.0.3
+  dependenciesMeta:
+    "@parcel/css-darwin-arm64":
+      optional: true
+    "@parcel/css-darwin-x64":
+      optional: true
+    "@parcel/css-linux-arm-gnueabihf":
+      optional: true
+    "@parcel/css-linux-arm64-gnu":
+      optional: true
+    "@parcel/css-linux-arm64-musl":
+      optional: true
+    "@parcel/css-linux-x64-gnu":
+      optional: true
+    "@parcel/css-linux-x64-musl":
+      optional: true
+    "@parcel/css-win32-x64-msvc":
+      optional: true
+  checksum: 039e2d55706c7f4daa246028331699edf2795277f324290741ff456ba617c0f58fd1fdf8b11e9a2b99df9bc95e4cd840076b606101e6b0a945d83e5abd73ce41
+  languageName: node
+  linkType: hard
+
 "@parcel/diagnostic@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/diagnostic@npm:2.4.1"
@@ -2149,6 +2383,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/diagnostic@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/diagnostic@npm:2.5.0"
+  dependencies:
+    "@mischnic/json-sourcemap": ^0.1.0
+    nullthrows: ^1.1.1
+  checksum: 2840029bd542f1f9aba636abe8f9445cf2453b90e03a133a085ec3605f63c3b8356a3d358aa2e8d7bea922324331d7a5fb06d01d435580ab2d058bfe72294924
+  languageName: node
+  linkType: hard
+
 "@parcel/events@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/events@npm:2.4.1"
@@ -2156,6 +2400,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/events@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/events@npm:2.5.0"
+  checksum: c2c174394c4ebf50f1e4dc489aebc98fbf76df939cd1292be6d2f83560cea2513546ff620661bd2c277779ade2757e5dba1f75e57a6b795bf24ec2c601b782c2
+  languageName: node
+  linkType: hard
+
 "@parcel/fs-search@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/fs-search@npm:2.4.1"
@@ -2165,6 +2416,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/fs-search@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/fs-search@npm:2.5.0"
+  dependencies:
+    detect-libc: ^1.0.3
+  checksum: 00cbd67802a7aa5c61312abe5155d38e8dbb889e29c0e0a46196cb247405eef6808e587d5241cb3d9e1afb4571f6453d43eca771621abe95457051e3fe3d77a7
+  languageName: node
+  linkType: hard
+
 "@parcel/fs@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/fs@npm:2.4.1"
@@ -2180,6 +2440,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/fs@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/fs@npm:2.5.0"
+  dependencies:
+    "@parcel/fs-search": 2.5.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    "@parcel/watcher": ^2.0.0
+    "@parcel/workers": 2.5.0
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: fdd85c2137c7dc906185f78de1c87fb35755085f2aa60c3ad78e3dead116e14cdbb50181f9e9731d11706351c02168ed10759a637522a0aae5edcdb9fd68d92b
+  languageName: node
+  linkType: hard
+
 "@parcel/graph@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/graph@npm:2.4.1"
@@ -2190,6 +2465,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/graph@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/graph@npm:2.5.0"
+  dependencies:
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: 85c213aba4061b0122b1148feca34cc62d9e6c2aa3866e4ca5537d744c5dd43e3127e474980581956c113f4c32eb3671f12f112f531258658febfa52e3e919b8
+  languageName: node
+  linkType: hard
+
 "@parcel/hash@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/hash@npm:2.4.1"
@@ -2200,6 +2485,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/hash@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/hash@npm:2.5.0"
+  dependencies:
+    detect-libc: ^1.0.3
+    xxhash-wasm: ^0.4.2
+  checksum: 6d36088a9b76499b6a308975d3eeeca3b896a8923af9bbc16d5bbba8c47dfe6c6d2ec450426e31032718d442b989518a94a3b4ec4d38e80c4ea995500b09db38
+  languageName: node
+  linkType: hard
+
 "@parcel/logger@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/logger@npm:2.4.1"
@@ -2210,6 +2505,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/logger@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/logger@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/events": 2.5.0
+  checksum: 23451c702dd3c5221a582d8a635bfe53242b70acfa8337d6cdad13f598bb7371e3424605dc06e4d7f6e45ab8a1c62f9e57aa049c5c7266b8c4e67d67e2c2325d
+  languageName: node
+  linkType: hard
+
 "@parcel/markdown-ansi@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/markdown-ansi@npm:2.4.1"
@@ -2219,6 +2524,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/markdown-ansi@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/markdown-ansi@npm:2.5.0"
+  dependencies:
+    chalk: ^4.1.0
+  checksum: 4a2025f4b398858c2481a7c1eadf955dd61d72710261a325b61c7ee75d933dfa78a7c969f424a80819c1759da5dc8ed4405a249b142592e0eb854fda7c08ef25
+  languageName: node
+  linkType: hard
+
 "@parcel/namer-default@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/namer-default@npm:2.4.1"
@@ -2230,6 +2544,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/namer-default@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/namer-default@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: f757e32cbd6858b47f9a82fc2cb43c79f7583fa80614cc350017f3c1bd97667ef79f7ff4599fbe7301aa66e50d47a730c11d73ab8062c071f97afb9a95df6df6
+  languageName: node
+  linkType: hard
+
 "@parcel/node-resolver-core@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/node-resolver-core@npm:2.4.1"
@@ -2241,6 +2566,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/node-resolver-core@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/node-resolver-core@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: fe6b9a6936e45e7757afb52a9a8cb5d91692dc34510563d58728d07a8f1d0a3673f09df5e2e1c72eb446cad3e1541da6c8272e3c93e2d215c29a7480d0321786
+  languageName: node
+  linkType: hard
+
 "@parcel/optimizer-css@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/optimizer-css@npm:2.4.1"
@@ -2256,6 +2592,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/optimizer-css@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/optimizer-css@npm:2.5.0"
+  dependencies:
+    "@parcel/css": ^1.8.1
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    browserslist: ^4.6.6
+    nullthrows: ^1.1.1
+  checksum: d5862b9cf2b8c87c0cf1904dc9bdfa4bcf017039083d8d71e91918baf627b9ac14486cea863c1ee16cb560b458e8b25a873a1f2ec479f61f8b7b6f8612417575
+  languageName: node
+  linkType: hard
+
 "@parcel/optimizer-htmlnano@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/optimizer-htmlnano@npm:2.4.1"
@@ -2269,6 +2620,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/optimizer-htmlnano@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/optimizer-htmlnano@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    htmlnano: ^2.0.0
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    svgo: ^2.4.0
+  checksum: c472f3c2873b45b7fc021e149e917656997349959d4c486893c2a3227d6790fcea354c2591db643a4dc3db7b881edcac5d6fcda2f6fd499cfffcdaca0f8ce0b0
+  languageName: node
+  linkType: hard
+
 "@parcel/optimizer-image@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/optimizer-image@npm:2.4.1"
@@ -2282,6 +2646,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/optimizer-image@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/optimizer-image@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    "@parcel/workers": 2.5.0
+    detect-libc: ^1.0.3
+  checksum: 67610af8f445995a2c08cf2acb64542e1b7b214b3bbade4ed06457d86306769f2c39ca025de094e85f0b9656bdea0b7cdb5c559acae17af21f16c3ae8a3c5cf3
+  languageName: node
+  linkType: hard
+
 "@parcel/optimizer-svgo@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/optimizer-svgo@npm:2.4.1"
@@ -2294,6 +2671,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/optimizer-svgo@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/optimizer-svgo@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    svgo: ^2.4.0
+  checksum: b75fa688364160eedd15db51a764dbbb516560fb999bc5dc4ad04a7bf11c1e230d0ea3591a27e71025d000516c72735a97e4329c9dbf9d297f63d305af0ed010
+  languageName: node
+  linkType: hard
+
 "@parcel/optimizer-terser@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/optimizer-terser@npm:2.4.1"
@@ -2308,6 +2697,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/optimizer-terser@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/optimizer-terser@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+    terser: ^5.2.0
+  checksum: 2d2d6077d611b65552f46edfb13d1e5fc4d402678b166ac0202e450c2e14a3adfc36bdedb5e8d35deda543f89eab2afdbe188dc6c5b8126126062ca352071cd3
+  languageName: node
+  linkType: hard
+
 "@parcel/package-manager@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/package-manager@npm:2.4.1"
@@ -2325,6 +2728,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/package-manager@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/package-manager@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/fs": 2.5.0
+    "@parcel/logger": 2.5.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    "@parcel/workers": 2.5.0
+    semver: ^5.7.1
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: d1b307d19c645c0f7d58161b41003c34ef3f565896686838ba7485eba2aacc892329a34183ef1f32b9041c6e15256437c49a3b60afbc86ccc0ca8ae403e23f89
+  languageName: node
+  linkType: hard
+
 "@parcel/packager-css@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/packager-css@npm:2.4.1"
@@ -2337,6 +2757,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/packager-css@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/packager-css@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: 24bcd7ac1ad7c8e411ed8cbd89ec0bd9dd456907cb4811fa043c6d7e17823f36f971ae4d4c1cefd8f310a6c8c3d33ab052f9acc877cfdc926261dd55832fd9dc
+  languageName: node
+  linkType: hard
+
 "@parcel/packager-html@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/packager-html@npm:2.4.1"
@@ -2350,6 +2782,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/packager-html@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/packager-html@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+  checksum: 6db71026457fa0e5999a658b7028c5ca89de566da1fb8e41cf977276a5d9e5408d08feb11738e5f7f15a1eef2a1efd345210f7da40c193305e95fbdb4fe4cbc5
+  languageName: node
+  linkType: hard
+
 "@parcel/packager-js@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/packager-js@npm:2.4.1"
@@ -2365,6 +2810,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/packager-js@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/packager-js@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    globals: ^13.2.0
+    nullthrows: ^1.1.1
+  checksum: 68e619f6fc1ad4ba7c7c8882010810c9de1a8bdd56cc691625d770158463eff5683db3320d1d78b63d78838daee5fefb3d95c9bc85373b6ae2f1d2266f24405f
+  languageName: node
+  linkType: hard
+
 "@parcel/packager-raw@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/packager-raw@npm:2.4.1"
@@ -2374,6 +2834,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/packager-raw@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/packager-raw@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+  checksum: 579d8981f204e843d3b7f6eebb2ee1838847195a75b17a4df2a159d3c06c4148eb3fc45ddfa0808179caa139d9a97a2eb6e65560c8e1da1e0ce3d1e454cc9b67
+  languageName: node
+  linkType: hard
+
 "@parcel/packager-svg@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/packager-svg@npm:2.4.1"
@@ -2386,6 +2855,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/packager-svg@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/packager-svg@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    posthtml: ^0.16.4
+  checksum: 345ec5c310b51a3e7a01e1450b7dd3e24002d02a16a7555a95a00deac2ab028903d7e4a9526a542cb5c4f0ae27f4d0d2a307b99829065ec602ab5e1dee9d272a
+  languageName: node
+  linkType: hard
+
 "@parcel/plugin@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/plugin@npm:2.4.1"
@@ -2395,6 +2876,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/plugin@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/plugin@npm:2.5.0"
+  dependencies:
+    "@parcel/types": 2.5.0
+  checksum: 5525bde57c09f4bc7bd3b86eb79727f313f6e33cd754bc51cd62c98b83d0d453db0aec1e74d6dfbb7fa7d3c771f6b73d51ed53cff78a7f711d00294774a01148
+  languageName: node
+  linkType: hard
+
 "@parcel/reporter-cli@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/reporter-cli@npm:2.4.1"
@@ -2408,6 +2898,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/reporter-cli@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/reporter-cli@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    chalk: ^4.1.0
+    term-size: ^2.2.1
+  checksum: dbe8fe982f54783aeed513a6a44d7ea1c169ed773c1544ac414f1d85b22b1596c4ff02f7ac68ab3803e383deb9909fad003ff6965556ec37522682cb9e2dd312
+  languageName: node
+  linkType: hard
+
 "@parcel/reporter-dev-server@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/reporter-dev-server@npm:2.4.1"
@@ -2418,6 +2921,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/reporter-dev-server@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/reporter-dev-server@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+  checksum: fef0fead0127f583a200142117d54bd4acf8bb15628b0dfb78391ff9670f0394eca1ec9cbbe14d0ac3164876124319fa628adfa7201c8dfaed16bb4f1366966f
+  languageName: node
+  linkType: hard
+
 "@parcel/resolver-default@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/resolver-default@npm:2.4.1"
@@ -2428,6 +2941,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/resolver-default@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/resolver-default@npm:2.5.0"
+  dependencies:
+    "@parcel/node-resolver-core": 2.5.0
+    "@parcel/plugin": 2.5.0
+  checksum: f35dde6095271d3fc1d2b17b3c5651413fc1c033d498080d145a3ea419e9333280a581d2503be0854e309ad9b1a4d2e4865d5ef5a3b8ba669be95ea3990b1a94
+  languageName: node
+  linkType: hard
+
 "@parcel/runtime-browser-hmr@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/runtime-browser-hmr@npm:2.4.1"
@@ -2438,6 +2961,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/runtime-browser-hmr@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/runtime-browser-hmr@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+  checksum: c722374c47585e99ca6b98aedfcfe83f3d3f6049490fdc4add28e960af0571c6bb945a736f7047db5768c43224b8e85f3c1e5ac85b2a793efacc19ce2294c523
+  languageName: node
+  linkType: hard
+
 "@parcel/runtime-js@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/runtime-js@npm:2.4.1"
@@ -2449,6 +2982,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/runtime-js@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/runtime-js@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: d33bf489da97d86e8ad9e08384d6acb0d0a25c6745fdfeab8f35bf4abc6cb0cecca6c1d2b134fe33b90e94b6ab420ee8e2e905c0798e2c0cd950d511a2d5dbff
+  languageName: node
+  linkType: hard
+
 "@parcel/runtime-react-refresh@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/runtime-react-refresh@npm:2.4.1"
@@ -2460,6 +3004,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/runtime-react-refresh@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/runtime-react-refresh@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    react-refresh: ^0.9.0
+  checksum: 3e9a7199d67078fa84dcd879ff3107d1d2222bba3eaa3581f14df46e88194051fd04a2aa0196126de911e36894a7c3cd3def27447ff4679faaf897a56fe1b679
+  languageName: node
+  linkType: hard
+
 "@parcel/runtime-service-worker@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/runtime-service-worker@npm:2.4.1"
@@ -2471,6 +3026,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/runtime-service-worker@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/runtime-service-worker@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+  checksum: 89b1acdc0b7563f37edb65cd3412c7bea73874a4953ae8f63ed91e9c0dd812cc5574b2f70f1a5e065d4dd2176bf9527eb1d1d533757f18bc5408fff0e247e326
+  languageName: node
+  linkType: hard
+
 "@parcel/source-map@npm:^2.0.0":
   version: 2.0.2
   resolution: "@parcel/source-map@npm:2.0.2"
@@ -2496,6 +3062,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-babel@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-babel@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    browserslist: ^4.6.6
+    json5: ^2.2.0
+    nullthrows: ^1.1.1
+    semver: ^5.7.0
+  checksum: 10a7fb8d85e03456a7e3ae8716ec40ca04a8dacc77d58fb2d8b3b513cacad52a495f3ee4881936a2f31a65bd1d69ce44031bae4c101b29c6e72f388795d208b3
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-css@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-css@npm:2.4.1"
@@ -2511,6 +3093,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-css@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-css@npm:2.5.0"
+  dependencies:
+    "@parcel/css": ^1.8.1
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    browserslist: ^4.6.6
+    nullthrows: ^1.1.1
+  checksum: 1d45c44abae4afc22597a69fedf15875653455940e82043ccbff7ab480773cee972fbc87ff92e6f17e03a7f7d8f980f55f33da32e06870b93434febca7f3f125
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-html@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-html@npm:2.4.1"
@@ -2527,6 +3124,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-html@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-html@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/plugin": 2.5.0
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.7.1
+  checksum: 4252eada7e6daa2df934c9c478d2b01650f6f73c12491aa5b9452db31d0038d60439f0dceb804f80bc77639491f9d0bd5e4a4128beade6bceb6dfb5bf9909186
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-image@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-image@npm:2.4.1"
@@ -2538,6 +3151,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-image@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-image@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/workers": 2.5.0
+    nullthrows: ^1.1.1
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: 78305db2f75cbf29565e9890b0754c5684a3882b0655a53af3af9b84697cd24127905cc270a4892041690af2dbb39c8074140aadb146b9db679cd74bc6d3c715
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-js@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-js@npm:2.4.1"
@@ -2557,6 +3183,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-js@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-js@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.5.0
+    "@parcel/workers": 2.5.0
+    "@swc/helpers": ^0.3.6
+    browserslist: ^4.6.6
+    detect-libc: ^1.0.3
+    nullthrows: ^1.1.1
+    regenerator-runtime: ^0.13.7
+    semver: ^5.7.1
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: 74d3d0b2f37b720e15d8e5be12274b135489342940164ea9f8008a080c628011fd440bb5de065fc16942e62973a51458154a0d573854f4563fc54847323134c0
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-json@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-json@npm:2.4.1"
@@ -2567,6 +3214,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-json@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-json@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    json5: ^2.2.0
+  checksum: 9a9a7498c274288932dc36be19443d80583ca4cc5b358c7598f93553ad2dca5e71c83097296940e631930ae64c2ec8854128fb8a762bbddc9297ec321280fdff
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-postcss@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-postcss@npm:2.4.1"
@@ -2583,6 +3240,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-postcss@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-postcss@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    clone: ^2.1.1
+    nullthrows: ^1.1.1
+    postcss-value-parser: ^4.2.0
+    semver: ^5.7.1
+  checksum: 54d1b5d865e573b92d365dd0eb36710106ee7775f6aecee92611d1c300379958566b4f8434af585bbad4aa2a72e0ae67febb2b22fc28e0a8dfaba46a983bab63
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-posthtml@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-posthtml@npm:2.4.1"
@@ -2598,6 +3271,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-posthtml@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-posthtml@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.7.1
+  checksum: 1ee61e554eee540f89d526ace0840ee84560693f3d2679399a126db792d9ad67e7bbe299b46ba4bdeaaca85b8c72ddd722f52457ac50ad2c6206c5e8424d1224
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-raw@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-raw@npm:2.4.1"
@@ -2607,6 +3295,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-raw@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-raw@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+  checksum: 75640c154636221b13e3c3485e7787240c071d8cf4e4e1e86a0f0a8916c4c41ed536004093017302b7b9404fd540a47b23322dd71d18ad1f3dc5bfdd4a58bd12
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-react-refresh-wrap@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-react-refresh-wrap@npm:2.4.1"
@@ -2618,6 +3315,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-react-refresh-wrap@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@parcel/utils": 2.5.0
+    react-refresh: ^0.9.0
+  checksum: 5b7c7287022b4339ecb60de2e2fa15de97acb6d7e93ad1682bfe051c4e014d1ccf3d1dc1796ae1beda463ab1bc7ba541de20b5a75637849f841c6245fcbcee8c
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-svg-react@npm:^2.2.1":
   version: 2.4.1
   resolution: "@parcel/transformer-svg-react@npm:2.4.1"
@@ -2631,6 +3339,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-svg-react@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-svg-react@npm:2.5.0"
+  dependencies:
+    "@parcel/plugin": 2.5.0
+    "@svgr/core": ^6.2.0
+    "@svgr/plugin-jsx": ^6.2.0
+    "@svgr/plugin-svgo": ^6.2.0
+    camelcase: ^6.3.0
+  checksum: d74d0573075ebff2be52b2a963f81b0f87385045beeb31f4854caac8717e4214e7daa44d3b845a4836c18939f709fb3eb81e2f1177fd9c783c48c3aeb2f396b4
+  languageName: node
+  linkType: hard
+
 "@parcel/transformer-svg@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/transformer-svg@npm:2.4.1"
@@ -2647,6 +3368,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/transformer-svg@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/transformer-svg@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/plugin": 2.5.0
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.7.1
+  checksum: 8ba385e8bd3aa9c35f2d71b04c5d475bc6e8d77e79c9a16e13d39e4fdeb3ef52f350acabb4dd3ffc402e92d302da13ba5daea157b6052e8be18fd9d7814daf2e
+  languageName: node
+  linkType: hard
+
 "@parcel/types@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/types@npm:2.4.1"
@@ -2662,6 +3399,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/types@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/types@npm:2.5.0"
+  dependencies:
+    "@parcel/cache": 2.5.0
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/fs": 2.5.0
+    "@parcel/package-manager": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/workers": 2.5.0
+    utility-types: ^3.10.0
+  checksum: c757466680bf99a47dcc2136387a60495c224f446818f375ad63cc9257803f2503b146d59fdc4eb5d967589d6ed1bc1764e9fa9bf0903a131320b95eba347912
+  languageName: node
+  linkType: hard
+
 "@parcel/utils@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/utils@npm:2.4.1"
@@ -2677,6 +3429,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/utils@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/utils@npm:2.5.0"
+  dependencies:
+    "@parcel/codeframe": 2.5.0
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/hash": 2.5.0
+    "@parcel/logger": 2.5.0
+    "@parcel/markdown-ansi": 2.5.0
+    "@parcel/source-map": ^2.0.0
+    chalk: ^4.1.0
+  checksum: f0f7fa1c075d2ca3d1e2d6ab6582ceeda793bb13e77518a9dc3c73f1c3a8dae20c01f714e362f1425eae3ece60f53799792f0143532fcd79add2f5591450f972
+  languageName: node
+  linkType: hard
+
 "@parcel/watcher@npm:^2.0.0":
   version: 2.0.5
   resolution: "@parcel/watcher@npm:2.0.5"
@@ -2704,6 +3471,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/workers@npm:2.5.0":
+  version: 2.5.0
+  resolution: "@parcel/workers@npm:2.5.0"
+  dependencies:
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/logger": 2.5.0
+    "@parcel/types": 2.5.0
+    "@parcel/utils": 2.5.0
+    chrome-trace-event: ^1.0.2
+    nullthrows: ^1.1.1
+  peerDependencies:
+    "@parcel/core": ^2.5.0
+  checksum: 82a1cf1c56e6ba0475721887fe2548edeb4adf2ee6f1b3ed0bc6d70fb37ffd5b55107b064170d00e771c576058ff89786cd2b2d26753cb96eff12151d96df18a
+  languageName: node
+  linkType: hard
+
 "@resolver-engine/core@npm:^0.3.3":
   version: 0.3.3
   resolution: "@resolver-engine/core@npm:0.3.3"
@@ -14450,7 +15233,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parcel@npm:^2.3.1, parcel@npm:^2.4.1":
+"parcel@npm:^2.3.1":
   version: 2.4.1
   resolution: "parcel@npm:2.4.1"
   dependencies:
@@ -14474,6 +15257,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parcel@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "parcel@npm:2.5.0"
+  dependencies:
+    "@parcel/config-default": 2.5.0
+    "@parcel/core": 2.5.0
+    "@parcel/diagnostic": 2.5.0
+    "@parcel/events": 2.5.0
+    "@parcel/fs": 2.5.0
+    "@parcel/logger": 2.5.0
+    "@parcel/package-manager": 2.5.0
+    "@parcel/reporter-cli": 2.5.0
+    "@parcel/reporter-dev-server": 2.5.0
+    "@parcel/utils": 2.5.0
+    chalk: ^4.1.0
+    commander: ^7.0.0
+    get-port: ^4.2.0
+    v8-compile-cache: ^2.0.0
+  bin:
+    parcel: lib/bin.js
+  checksum: 17e59fec64e76b758a44a86c6d8453339255e70331d1467ac114b1ae8b74c2c0d4611b8ab4a9b0e381c9aa3e3375dd8f772906323d1ff7bc391d216a74d57fe8
+  languageName: node
+  linkType: hard
+
 "parent-module@npm:^1.0.0":
   version: 1.0.1
   resolution: "parent-module@npm:1.0.1"

From 01060eededca139a27e643e689480db67f15a0b9 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 6 May 2022 18:07:24 +0200
Subject: [PATCH 09/24] chore(web): add queries path to the alias field

---
 web/package.json  | 1 +
 web/tsconfig.json | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/web/package.json b/web/package.json
index 150ff605e..ce2f79642 100644
--- a/web/package.json
+++ b/web/package.json
@@ -14,6 +14,7 @@
     "layout": "./src/layout",
     "consts": "./src/consts",
     "hooks": "./src/hooks",
+    "queries": "./src/hooks/queries",
     "pages": "./src/pages",
     "styles": "./src/styles",
     "svgs": "./src/assets/svgs"
diff --git a/web/tsconfig.json b/web/tsconfig.json
index 183d82f58..53a4c41ed 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -26,6 +26,9 @@
       "hooks*": [
         "./src/hooks*"
       ],
+      "queries*": [
+        "./src/hooks/queries*"
+      ],
       "pages*": [
         "./src/pages*"
       ],

From 96ef13799fe432b2a4cfad1a5168de4ba2d1ed4c Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 6 May 2022 18:10:05 +0200
Subject: [PATCH 10/24] feat(web): add home page chart

---
 web/codegen.yaml                       |    7 +
 web/package.json                       |   10 +-
 web/src/graphql/generated.ts           | 1644 ++++++++++++++++
 web/src/hooks/queries/useChartQuery.ts |   34 +
 web/src/pages/home/Chart.tsx           |  103 +
 web/src/pages/home/index.tsx           |   20 +
 yarn.lock                              | 2414 +++++++++++++++++++++++-
 7 files changed, 4180 insertions(+), 52 deletions(-)
 create mode 100644 web/codegen.yaml
 create mode 100644 web/src/graphql/generated.ts
 create mode 100644 web/src/hooks/queries/useChartQuery.ts
 create mode 100644 web/src/pages/home/Chart.tsx

diff --git a/web/codegen.yaml b/web/codegen.yaml
new file mode 100644
index 000000000..9a47307ab
--- /dev/null
+++ b/web/codegen.yaml
@@ -0,0 +1,7 @@
+schema: https://api.thegraph.com/subgraphs/name/alcercu/kleros-core
+documents: './src/hooks/queries/*.ts'
+generates:
+  src/graphql/generated.ts:
+    plugins:
+      - typescript
+      - typescript-operations
diff --git a/web/package.json b/web/package.json
index ce2f79642..d8ac5f8b5 100644
--- a/web/package.json
+++ b/web/package.json
@@ -26,7 +26,8 @@
     "start": "parcel",
     "build": "parcel build",
     "check-style": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
-    "check-types": "tsc --noEmit"
+    "check-types": "tsc --noEmit",
+    "generate": "graphql-codegen"
   },
   "devDependencies": {
     "@parcel/transformer-svg-react": "^2.5.0",
@@ -49,13 +50,20 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
+    "@graphql-codegen/cli": "^2.6.2",
+    "@graphql-codegen/typescript": "^2.4.9",
+    "@graphql-codegen/typescript-operations": "^2.3.6",
     "@kleros/kleros-v2-contracts": "workspace:^",
     "@kleros/ui-components-library": "^0.1.5",
+    "chart.js": "^3.7.1",
+    "chartjs-adapter-moment": "^1.0.0",
     "core-js": "^3.21.1",
     "ethers": "^5.6.5",
     "graphql": "^16.4.0",
     "graphql-request": "^4.2.0",
+    "moment": "^2.29.3",
     "react": "^18.0.0",
+    "react-chartjs-2": "^4.1.0",
     "react-dom": "^18.0.0",
     "react-is": "^18.0.0",
     "react-router-dom": "6",
diff --git a/web/src/graphql/generated.ts b/web/src/graphql/generated.ts
new file mode 100644
index 000000000..b7e5a1be9
--- /dev/null
+++ b/web/src/graphql/generated.ts
@@ -0,0 +1,1644 @@
+export type Maybe<T> = T | null;
+export type InputMaybe<T> = Maybe<T>;
+export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
+export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
+/** All built-in and custom scalars, mapped to their actual values */
+export type Scalars = {
+  ID: string;
+  String: string;
+  Boolean: boolean;
+  Int: number;
+  Float: number;
+  BigDecimal: any;
+  BigInt: any;
+  Bytes: any;
+};
+
+export type ActiveJurorsDataPoint = {
+  __typename?: 'ActiveJurorsDataPoint';
+  id: Scalars['ID'];
+  value: Scalars['BigInt'];
+};
+
+export type ActiveJurorsDataPoint_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  value?: InputMaybe<Scalars['BigInt']>;
+  value_gt?: InputMaybe<Scalars['BigInt']>;
+  value_gte?: InputMaybe<Scalars['BigInt']>;
+  value_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  value_lt?: InputMaybe<Scalars['BigInt']>;
+  value_lte?: InputMaybe<Scalars['BigInt']>;
+  value_not?: InputMaybe<Scalars['BigInt']>;
+  value_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum ActiveJurorsDataPoint_OrderBy {
+  Id = 'id',
+  Value = 'value'
+}
+
+export type BlockChangedFilter = {
+  number_gte: Scalars['Int'];
+};
+
+export type Block_Height = {
+  hash?: InputMaybe<Scalars['Bytes']>;
+  number?: InputMaybe<Scalars['Int']>;
+  number_gte?: InputMaybe<Scalars['Int']>;
+};
+
+export type CasesDataPoint = {
+  __typename?: 'CasesDataPoint';
+  id: Scalars['ID'];
+  value: Scalars['BigInt'];
+};
+
+export type CasesDataPoint_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  value?: InputMaybe<Scalars['BigInt']>;
+  value_gt?: InputMaybe<Scalars['BigInt']>;
+  value_gte?: InputMaybe<Scalars['BigInt']>;
+  value_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  value_lt?: InputMaybe<Scalars['BigInt']>;
+  value_lte?: InputMaybe<Scalars['BigInt']>;
+  value_not?: InputMaybe<Scalars['BigInt']>;
+  value_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum CasesDataPoint_OrderBy {
+  Id = 'id',
+  Value = 'value'
+}
+
+export type Court = {
+  __typename?: 'Court';
+  alpha: Scalars['BigInt'];
+  children: Array<Court>;
+  childrenIDs: Array<Scalars['String']>;
+  disputes: Array<Dispute>;
+  feeForJuror: Scalars['BigInt'];
+  hiddenVotes: Scalars['Boolean'];
+  id: Scalars['ID'];
+  jurorsForCourtJump: Scalars['BigInt'];
+  minStake: Scalars['BigInt'];
+  stakedJurors: Array<JurorTokensPerSubcourt>;
+  supportedDisputeKits: Scalars['BigInt'];
+  timesPerPeriod: Array<Scalars['BigInt']>;
+  tokens: Array<JurorTokensPerSubcourt>;
+};
+
+
+export type CourtChildrenArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Court_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<Court_Filter>;
+};
+
+
+export type CourtDisputesArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Dispute_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<Dispute_Filter>;
+};
+
+
+export type CourtStakedJurorsArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<JurorTokensPerSubcourt_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<JurorTokensPerSubcourt_Filter>;
+};
+
+
+export type CourtTokensArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<JurorTokensPerSubcourt_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<JurorTokensPerSubcourt_Filter>;
+};
+
+export type Court_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  alpha?: InputMaybe<Scalars['BigInt']>;
+  alpha_gt?: InputMaybe<Scalars['BigInt']>;
+  alpha_gte?: InputMaybe<Scalars['BigInt']>;
+  alpha_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  alpha_lt?: InputMaybe<Scalars['BigInt']>;
+  alpha_lte?: InputMaybe<Scalars['BigInt']>;
+  alpha_not?: InputMaybe<Scalars['BigInt']>;
+  alpha_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  children?: InputMaybe<Array<Scalars['String']>>;
+  childrenIDs?: InputMaybe<Array<Scalars['String']>>;
+  childrenIDs_contains?: InputMaybe<Array<Scalars['String']>>;
+  childrenIDs_contains_nocase?: InputMaybe<Array<Scalars['String']>>;
+  childrenIDs_not?: InputMaybe<Array<Scalars['String']>>;
+  childrenIDs_not_contains?: InputMaybe<Array<Scalars['String']>>;
+  childrenIDs_not_contains_nocase?: InputMaybe<Array<Scalars['String']>>;
+  children_contains?: InputMaybe<Array<Scalars['String']>>;
+  children_contains_nocase?: InputMaybe<Array<Scalars['String']>>;
+  children_not?: InputMaybe<Array<Scalars['String']>>;
+  children_not_contains?: InputMaybe<Array<Scalars['String']>>;
+  children_not_contains_nocase?: InputMaybe<Array<Scalars['String']>>;
+  feeForJuror?: InputMaybe<Scalars['BigInt']>;
+  feeForJuror_gt?: InputMaybe<Scalars['BigInt']>;
+  feeForJuror_gte?: InputMaybe<Scalars['BigInt']>;
+  feeForJuror_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  feeForJuror_lt?: InputMaybe<Scalars['BigInt']>;
+  feeForJuror_lte?: InputMaybe<Scalars['BigInt']>;
+  feeForJuror_not?: InputMaybe<Scalars['BigInt']>;
+  feeForJuror_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  hiddenVotes?: InputMaybe<Scalars['Boolean']>;
+  hiddenVotes_in?: InputMaybe<Array<Scalars['Boolean']>>;
+  hiddenVotes_not?: InputMaybe<Scalars['Boolean']>;
+  hiddenVotes_not_in?: InputMaybe<Array<Scalars['Boolean']>>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  jurorsForCourtJump?: InputMaybe<Scalars['BigInt']>;
+  jurorsForCourtJump_gt?: InputMaybe<Scalars['BigInt']>;
+  jurorsForCourtJump_gte?: InputMaybe<Scalars['BigInt']>;
+  jurorsForCourtJump_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  jurorsForCourtJump_lt?: InputMaybe<Scalars['BigInt']>;
+  jurorsForCourtJump_lte?: InputMaybe<Scalars['BigInt']>;
+  jurorsForCourtJump_not?: InputMaybe<Scalars['BigInt']>;
+  jurorsForCourtJump_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  minStake?: InputMaybe<Scalars['BigInt']>;
+  minStake_gt?: InputMaybe<Scalars['BigInt']>;
+  minStake_gte?: InputMaybe<Scalars['BigInt']>;
+  minStake_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  minStake_lt?: InputMaybe<Scalars['BigInt']>;
+  minStake_lte?: InputMaybe<Scalars['BigInt']>;
+  minStake_not?: InputMaybe<Scalars['BigInt']>;
+  minStake_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  supportedDisputeKits?: InputMaybe<Scalars['BigInt']>;
+  supportedDisputeKits_gt?: InputMaybe<Scalars['BigInt']>;
+  supportedDisputeKits_gte?: InputMaybe<Scalars['BigInt']>;
+  supportedDisputeKits_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  supportedDisputeKits_lt?: InputMaybe<Scalars['BigInt']>;
+  supportedDisputeKits_lte?: InputMaybe<Scalars['BigInt']>;
+  supportedDisputeKits_not?: InputMaybe<Scalars['BigInt']>;
+  supportedDisputeKits_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  timesPerPeriod?: InputMaybe<Array<Scalars['BigInt']>>;
+  timesPerPeriod_contains?: InputMaybe<Array<Scalars['BigInt']>>;
+  timesPerPeriod_contains_nocase?: InputMaybe<Array<Scalars['BigInt']>>;
+  timesPerPeriod_not?: InputMaybe<Array<Scalars['BigInt']>>;
+  timesPerPeriod_not_contains?: InputMaybe<Array<Scalars['BigInt']>>;
+  timesPerPeriod_not_contains_nocase?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum Court_OrderBy {
+  Alpha = 'alpha',
+  Children = 'children',
+  ChildrenIDs = 'childrenIDs',
+  Disputes = 'disputes',
+  FeeForJuror = 'feeForJuror',
+  HiddenVotes = 'hiddenVotes',
+  Id = 'id',
+  JurorsForCourtJump = 'jurorsForCourtJump',
+  MinStake = 'minStake',
+  StakedJurors = 'stakedJurors',
+  SupportedDisputeKits = 'supportedDisputeKits',
+  TimesPerPeriod = 'timesPerPeriod',
+  Tokens = 'tokens'
+}
+
+export type Dispute = {
+  __typename?: 'Dispute';
+  arbitrated: Scalars['Bytes'];
+  currentRound: Scalars['Int'];
+  disputeKit: Scalars['Bytes'];
+  gatewayDispute: GatewayDispute;
+  id: Scalars['ID'];
+  lastPeriodChange: Scalars['BigInt'];
+  nbVotes: Scalars['BigInt'];
+  period: Period;
+  rounds: Array<Round>;
+  ruled: Scalars['Boolean'];
+  shifts: Array<TokenAndEthShift>;
+  subcourtID: Court;
+};
+
+
+export type DisputeRoundsArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Round_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<Round_Filter>;
+};
+
+
+export type DisputeShiftsArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<TokenAndEthShift_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<TokenAndEthShift_Filter>;
+};
+
+export type Dispute_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  arbitrated?: InputMaybe<Scalars['Bytes']>;
+  arbitrated_contains?: InputMaybe<Scalars['Bytes']>;
+  arbitrated_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  arbitrated_not?: InputMaybe<Scalars['Bytes']>;
+  arbitrated_not_contains?: InputMaybe<Scalars['Bytes']>;
+  arbitrated_not_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  currentRound?: InputMaybe<Scalars['Int']>;
+  currentRound_gt?: InputMaybe<Scalars['Int']>;
+  currentRound_gte?: InputMaybe<Scalars['Int']>;
+  currentRound_in?: InputMaybe<Array<Scalars['Int']>>;
+  currentRound_lt?: InputMaybe<Scalars['Int']>;
+  currentRound_lte?: InputMaybe<Scalars['Int']>;
+  currentRound_not?: InputMaybe<Scalars['Int']>;
+  currentRound_not_in?: InputMaybe<Array<Scalars['Int']>>;
+  disputeKit?: InputMaybe<Scalars['Bytes']>;
+  disputeKit_contains?: InputMaybe<Scalars['Bytes']>;
+  disputeKit_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  disputeKit_not?: InputMaybe<Scalars['Bytes']>;
+  disputeKit_not_contains?: InputMaybe<Scalars['Bytes']>;
+  disputeKit_not_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  lastPeriodChange?: InputMaybe<Scalars['BigInt']>;
+  lastPeriodChange_gt?: InputMaybe<Scalars['BigInt']>;
+  lastPeriodChange_gte?: InputMaybe<Scalars['BigInt']>;
+  lastPeriodChange_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  lastPeriodChange_lt?: InputMaybe<Scalars['BigInt']>;
+  lastPeriodChange_lte?: InputMaybe<Scalars['BigInt']>;
+  lastPeriodChange_not?: InputMaybe<Scalars['BigInt']>;
+  lastPeriodChange_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  nbVotes?: InputMaybe<Scalars['BigInt']>;
+  nbVotes_gt?: InputMaybe<Scalars['BigInt']>;
+  nbVotes_gte?: InputMaybe<Scalars['BigInt']>;
+  nbVotes_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  nbVotes_lt?: InputMaybe<Scalars['BigInt']>;
+  nbVotes_lte?: InputMaybe<Scalars['BigInt']>;
+  nbVotes_not?: InputMaybe<Scalars['BigInt']>;
+  nbVotes_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  period?: InputMaybe<Period>;
+  period_in?: InputMaybe<Array<Period>>;
+  period_not?: InputMaybe<Period>;
+  period_not_in?: InputMaybe<Array<Period>>;
+  ruled?: InputMaybe<Scalars['Boolean']>;
+  ruled_in?: InputMaybe<Array<Scalars['Boolean']>>;
+  ruled_not?: InputMaybe<Scalars['Boolean']>;
+  ruled_not_in?: InputMaybe<Array<Scalars['Boolean']>>;
+  subcourtID?: InputMaybe<Scalars['String']>;
+  subcourtID_contains?: InputMaybe<Scalars['String']>;
+  subcourtID_contains_nocase?: InputMaybe<Scalars['String']>;
+  subcourtID_ends_with?: InputMaybe<Scalars['String']>;
+  subcourtID_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  subcourtID_gt?: InputMaybe<Scalars['String']>;
+  subcourtID_gte?: InputMaybe<Scalars['String']>;
+  subcourtID_in?: InputMaybe<Array<Scalars['String']>>;
+  subcourtID_lt?: InputMaybe<Scalars['String']>;
+  subcourtID_lte?: InputMaybe<Scalars['String']>;
+  subcourtID_not?: InputMaybe<Scalars['String']>;
+  subcourtID_not_contains?: InputMaybe<Scalars['String']>;
+  subcourtID_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  subcourtID_not_ends_with?: InputMaybe<Scalars['String']>;
+  subcourtID_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  subcourtID_not_in?: InputMaybe<Array<Scalars['String']>>;
+  subcourtID_not_starts_with?: InputMaybe<Scalars['String']>;
+  subcourtID_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  subcourtID_starts_with?: InputMaybe<Scalars['String']>;
+  subcourtID_starts_with_nocase?: InputMaybe<Scalars['String']>;
+};
+
+export enum Dispute_OrderBy {
+  Arbitrated = 'arbitrated',
+  CurrentRound = 'currentRound',
+  DisputeKit = 'disputeKit',
+  GatewayDispute = 'gatewayDispute',
+  Id = 'id',
+  LastPeriodChange = 'lastPeriodChange',
+  NbVotes = 'nbVotes',
+  Period = 'period',
+  Rounds = 'rounds',
+  Ruled = 'ruled',
+  Shifts = 'shifts',
+  SubcourtId = 'subcourtID'
+}
+
+export type Draw = {
+  __typename?: 'Draw';
+  id: Scalars['ID'];
+  juror: Juror;
+  round: Round;
+  voteID: Scalars['BigInt'];
+};
+
+export type Draw_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  juror?: InputMaybe<Scalars['String']>;
+  juror_contains?: InputMaybe<Scalars['String']>;
+  juror_contains_nocase?: InputMaybe<Scalars['String']>;
+  juror_ends_with?: InputMaybe<Scalars['String']>;
+  juror_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_gt?: InputMaybe<Scalars['String']>;
+  juror_gte?: InputMaybe<Scalars['String']>;
+  juror_in?: InputMaybe<Array<Scalars['String']>>;
+  juror_lt?: InputMaybe<Scalars['String']>;
+  juror_lte?: InputMaybe<Scalars['String']>;
+  juror_not?: InputMaybe<Scalars['String']>;
+  juror_not_contains?: InputMaybe<Scalars['String']>;
+  juror_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  juror_not_ends_with?: InputMaybe<Scalars['String']>;
+  juror_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_not_in?: InputMaybe<Array<Scalars['String']>>;
+  juror_not_starts_with?: InputMaybe<Scalars['String']>;
+  juror_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_starts_with?: InputMaybe<Scalars['String']>;
+  juror_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  round?: InputMaybe<Scalars['String']>;
+  round_contains?: InputMaybe<Scalars['String']>;
+  round_contains_nocase?: InputMaybe<Scalars['String']>;
+  round_ends_with?: InputMaybe<Scalars['String']>;
+  round_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  round_gt?: InputMaybe<Scalars['String']>;
+  round_gte?: InputMaybe<Scalars['String']>;
+  round_in?: InputMaybe<Array<Scalars['String']>>;
+  round_lt?: InputMaybe<Scalars['String']>;
+  round_lte?: InputMaybe<Scalars['String']>;
+  round_not?: InputMaybe<Scalars['String']>;
+  round_not_contains?: InputMaybe<Scalars['String']>;
+  round_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  round_not_ends_with?: InputMaybe<Scalars['String']>;
+  round_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  round_not_in?: InputMaybe<Array<Scalars['String']>>;
+  round_not_starts_with?: InputMaybe<Scalars['String']>;
+  round_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  round_starts_with?: InputMaybe<Scalars['String']>;
+  round_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  voteID?: InputMaybe<Scalars['BigInt']>;
+  voteID_gt?: InputMaybe<Scalars['BigInt']>;
+  voteID_gte?: InputMaybe<Scalars['BigInt']>;
+  voteID_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  voteID_lt?: InputMaybe<Scalars['BigInt']>;
+  voteID_lte?: InputMaybe<Scalars['BigInt']>;
+  voteID_not?: InputMaybe<Scalars['BigInt']>;
+  voteID_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum Draw_OrderBy {
+  Id = 'id',
+  Juror = 'juror',
+  Round = 'round',
+  VoteId = 'voteID'
+}
+
+export type EthPaidDataPoint = {
+  __typename?: 'ETHPaidDataPoint';
+  id: Scalars['ID'];
+  value: Scalars['BigInt'];
+};
+
+export type EthPaidDataPoint_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  value?: InputMaybe<Scalars['BigInt']>;
+  value_gt?: InputMaybe<Scalars['BigInt']>;
+  value_gte?: InputMaybe<Scalars['BigInt']>;
+  value_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  value_lt?: InputMaybe<Scalars['BigInt']>;
+  value_lte?: InputMaybe<Scalars['BigInt']>;
+  value_not?: InputMaybe<Scalars['BigInt']>;
+  value_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum EthPaidDataPoint_OrderBy {
+  Id = 'id',
+  Value = 'value'
+}
+
+export type GatewayDispute = {
+  __typename?: 'GatewayDispute';
+  arbitrationCost: Scalars['BigInt'];
+  arbitrator: Scalars['Bytes'];
+  disputeHash: Scalars['Bytes'];
+  homeDispute: Dispute;
+  id: Scalars['ID'];
+  relayer: Scalars['Bytes'];
+};
+
+export type GatewayDispute_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  arbitrationCost?: InputMaybe<Scalars['BigInt']>;
+  arbitrationCost_gt?: InputMaybe<Scalars['BigInt']>;
+  arbitrationCost_gte?: InputMaybe<Scalars['BigInt']>;
+  arbitrationCost_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  arbitrationCost_lt?: InputMaybe<Scalars['BigInt']>;
+  arbitrationCost_lte?: InputMaybe<Scalars['BigInt']>;
+  arbitrationCost_not?: InputMaybe<Scalars['BigInt']>;
+  arbitrationCost_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  arbitrator?: InputMaybe<Scalars['Bytes']>;
+  arbitrator_contains?: InputMaybe<Scalars['Bytes']>;
+  arbitrator_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  arbitrator_not?: InputMaybe<Scalars['Bytes']>;
+  arbitrator_not_contains?: InputMaybe<Scalars['Bytes']>;
+  arbitrator_not_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  disputeHash?: InputMaybe<Scalars['Bytes']>;
+  disputeHash_contains?: InputMaybe<Scalars['Bytes']>;
+  disputeHash_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  disputeHash_not?: InputMaybe<Scalars['Bytes']>;
+  disputeHash_not_contains?: InputMaybe<Scalars['Bytes']>;
+  disputeHash_not_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  homeDispute?: InputMaybe<Scalars['String']>;
+  homeDispute_contains?: InputMaybe<Scalars['String']>;
+  homeDispute_contains_nocase?: InputMaybe<Scalars['String']>;
+  homeDispute_ends_with?: InputMaybe<Scalars['String']>;
+  homeDispute_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  homeDispute_gt?: InputMaybe<Scalars['String']>;
+  homeDispute_gte?: InputMaybe<Scalars['String']>;
+  homeDispute_in?: InputMaybe<Array<Scalars['String']>>;
+  homeDispute_lt?: InputMaybe<Scalars['String']>;
+  homeDispute_lte?: InputMaybe<Scalars['String']>;
+  homeDispute_not?: InputMaybe<Scalars['String']>;
+  homeDispute_not_contains?: InputMaybe<Scalars['String']>;
+  homeDispute_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  homeDispute_not_ends_with?: InputMaybe<Scalars['String']>;
+  homeDispute_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  homeDispute_not_in?: InputMaybe<Array<Scalars['String']>>;
+  homeDispute_not_starts_with?: InputMaybe<Scalars['String']>;
+  homeDispute_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  homeDispute_starts_with?: InputMaybe<Scalars['String']>;
+  homeDispute_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  relayer?: InputMaybe<Scalars['Bytes']>;
+  relayer_contains?: InputMaybe<Scalars['Bytes']>;
+  relayer_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  relayer_not?: InputMaybe<Scalars['Bytes']>;
+  relayer_not_contains?: InputMaybe<Scalars['Bytes']>;
+  relayer_not_in?: InputMaybe<Array<Scalars['Bytes']>>;
+};
+
+export enum GatewayDispute_OrderBy {
+  ArbitrationCost = 'arbitrationCost',
+  Arbitrator = 'arbitrator',
+  DisputeHash = 'disputeHash',
+  HomeDispute = 'homeDispute',
+  Id = 'id',
+  Relayer = 'relayer'
+}
+
+export type Juror = {
+  __typename?: 'Juror';
+  draws: Array<Draw>;
+  id: Scalars['ID'];
+  shifts: Array<TokenAndEthShift>;
+  tokens: Array<JurorTokensPerSubcourt>;
+};
+
+
+export type JurorDrawsArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Draw_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<Draw_Filter>;
+};
+
+
+export type JurorShiftsArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<TokenAndEthShift_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<TokenAndEthShift_Filter>;
+};
+
+
+export type JurorTokensArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<JurorTokensPerSubcourt_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<JurorTokensPerSubcourt_Filter>;
+};
+
+export type JurorTokensPerSubcourt = {
+  __typename?: 'JurorTokensPerSubcourt';
+  id: Scalars['ID'];
+  juror: Juror;
+  locked: Scalars['BigInt'];
+  staked: Scalars['BigInt'];
+  subcourt: Court;
+};
+
+export type JurorTokensPerSubcourt_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  juror?: InputMaybe<Scalars['String']>;
+  juror_contains?: InputMaybe<Scalars['String']>;
+  juror_contains_nocase?: InputMaybe<Scalars['String']>;
+  juror_ends_with?: InputMaybe<Scalars['String']>;
+  juror_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_gt?: InputMaybe<Scalars['String']>;
+  juror_gte?: InputMaybe<Scalars['String']>;
+  juror_in?: InputMaybe<Array<Scalars['String']>>;
+  juror_lt?: InputMaybe<Scalars['String']>;
+  juror_lte?: InputMaybe<Scalars['String']>;
+  juror_not?: InputMaybe<Scalars['String']>;
+  juror_not_contains?: InputMaybe<Scalars['String']>;
+  juror_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  juror_not_ends_with?: InputMaybe<Scalars['String']>;
+  juror_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_not_in?: InputMaybe<Array<Scalars['String']>>;
+  juror_not_starts_with?: InputMaybe<Scalars['String']>;
+  juror_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_starts_with?: InputMaybe<Scalars['String']>;
+  juror_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  locked?: InputMaybe<Scalars['BigInt']>;
+  locked_gt?: InputMaybe<Scalars['BigInt']>;
+  locked_gte?: InputMaybe<Scalars['BigInt']>;
+  locked_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  locked_lt?: InputMaybe<Scalars['BigInt']>;
+  locked_lte?: InputMaybe<Scalars['BigInt']>;
+  locked_not?: InputMaybe<Scalars['BigInt']>;
+  locked_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  staked?: InputMaybe<Scalars['BigInt']>;
+  staked_gt?: InputMaybe<Scalars['BigInt']>;
+  staked_gte?: InputMaybe<Scalars['BigInt']>;
+  staked_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  staked_lt?: InputMaybe<Scalars['BigInt']>;
+  staked_lte?: InputMaybe<Scalars['BigInt']>;
+  staked_not?: InputMaybe<Scalars['BigInt']>;
+  staked_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  subcourt?: InputMaybe<Scalars['String']>;
+  subcourt_contains?: InputMaybe<Scalars['String']>;
+  subcourt_contains_nocase?: InputMaybe<Scalars['String']>;
+  subcourt_ends_with?: InputMaybe<Scalars['String']>;
+  subcourt_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  subcourt_gt?: InputMaybe<Scalars['String']>;
+  subcourt_gte?: InputMaybe<Scalars['String']>;
+  subcourt_in?: InputMaybe<Array<Scalars['String']>>;
+  subcourt_lt?: InputMaybe<Scalars['String']>;
+  subcourt_lte?: InputMaybe<Scalars['String']>;
+  subcourt_not?: InputMaybe<Scalars['String']>;
+  subcourt_not_contains?: InputMaybe<Scalars['String']>;
+  subcourt_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  subcourt_not_ends_with?: InputMaybe<Scalars['String']>;
+  subcourt_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  subcourt_not_in?: InputMaybe<Array<Scalars['String']>>;
+  subcourt_not_starts_with?: InputMaybe<Scalars['String']>;
+  subcourt_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  subcourt_starts_with?: InputMaybe<Scalars['String']>;
+  subcourt_starts_with_nocase?: InputMaybe<Scalars['String']>;
+};
+
+export enum JurorTokensPerSubcourt_OrderBy {
+  Id = 'id',
+  Juror = 'juror',
+  Locked = 'locked',
+  Staked = 'staked',
+  Subcourt = 'subcourt'
+}
+
+export type Juror_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+};
+
+export enum Juror_OrderBy {
+  Draws = 'draws',
+  Id = 'id',
+  Shifts = 'shifts',
+  Tokens = 'tokens'
+}
+
+/** Defines the order direction, either ascending or descending */
+export enum OrderDirection {
+  Asc = 'asc',
+  Desc = 'desc'
+}
+
+export type OutgoingMessage = {
+  __typename?: 'OutgoingMessage';
+  id: Scalars['ID'];
+  message: Scalars['String'];
+  messageHash: Scalars['String'];
+  target: Scalars['Bytes'];
+};
+
+export type OutgoingMessage_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  message?: InputMaybe<Scalars['String']>;
+  messageHash?: InputMaybe<Scalars['String']>;
+  messageHash_contains?: InputMaybe<Scalars['String']>;
+  messageHash_contains_nocase?: InputMaybe<Scalars['String']>;
+  messageHash_ends_with?: InputMaybe<Scalars['String']>;
+  messageHash_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  messageHash_gt?: InputMaybe<Scalars['String']>;
+  messageHash_gte?: InputMaybe<Scalars['String']>;
+  messageHash_in?: InputMaybe<Array<Scalars['String']>>;
+  messageHash_lt?: InputMaybe<Scalars['String']>;
+  messageHash_lte?: InputMaybe<Scalars['String']>;
+  messageHash_not?: InputMaybe<Scalars['String']>;
+  messageHash_not_contains?: InputMaybe<Scalars['String']>;
+  messageHash_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  messageHash_not_ends_with?: InputMaybe<Scalars['String']>;
+  messageHash_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  messageHash_not_in?: InputMaybe<Array<Scalars['String']>>;
+  messageHash_not_starts_with?: InputMaybe<Scalars['String']>;
+  messageHash_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  messageHash_starts_with?: InputMaybe<Scalars['String']>;
+  messageHash_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  message_contains?: InputMaybe<Scalars['String']>;
+  message_contains_nocase?: InputMaybe<Scalars['String']>;
+  message_ends_with?: InputMaybe<Scalars['String']>;
+  message_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  message_gt?: InputMaybe<Scalars['String']>;
+  message_gte?: InputMaybe<Scalars['String']>;
+  message_in?: InputMaybe<Array<Scalars['String']>>;
+  message_lt?: InputMaybe<Scalars['String']>;
+  message_lte?: InputMaybe<Scalars['String']>;
+  message_not?: InputMaybe<Scalars['String']>;
+  message_not_contains?: InputMaybe<Scalars['String']>;
+  message_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  message_not_ends_with?: InputMaybe<Scalars['String']>;
+  message_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  message_not_in?: InputMaybe<Array<Scalars['String']>>;
+  message_not_starts_with?: InputMaybe<Scalars['String']>;
+  message_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  message_starts_with?: InputMaybe<Scalars['String']>;
+  message_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  target?: InputMaybe<Scalars['Bytes']>;
+  target_contains?: InputMaybe<Scalars['Bytes']>;
+  target_in?: InputMaybe<Array<Scalars['Bytes']>>;
+  target_not?: InputMaybe<Scalars['Bytes']>;
+  target_not_contains?: InputMaybe<Scalars['Bytes']>;
+  target_not_in?: InputMaybe<Array<Scalars['Bytes']>>;
+};
+
+export enum OutgoingMessage_OrderBy {
+  Id = 'id',
+  Message = 'message',
+  MessageHash = 'messageHash',
+  Target = 'target'
+}
+
+export type PnkRedistributedDataPoint = {
+  __typename?: 'PNKRedistributedDataPoint';
+  id: Scalars['ID'];
+  value: Scalars['BigInt'];
+};
+
+export type PnkRedistributedDataPoint_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  value?: InputMaybe<Scalars['BigInt']>;
+  value_gt?: InputMaybe<Scalars['BigInt']>;
+  value_gte?: InputMaybe<Scalars['BigInt']>;
+  value_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  value_lt?: InputMaybe<Scalars['BigInt']>;
+  value_lte?: InputMaybe<Scalars['BigInt']>;
+  value_not?: InputMaybe<Scalars['BigInt']>;
+  value_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum PnkRedistributedDataPoint_OrderBy {
+  Id = 'id',
+  Value = 'value'
+}
+
+export type PnkStakedDataPoint = {
+  __typename?: 'PNKStakedDataPoint';
+  id: Scalars['ID'];
+  value: Scalars['BigInt'];
+};
+
+export type PnkStakedDataPoint_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  value?: InputMaybe<Scalars['BigInt']>;
+  value_gt?: InputMaybe<Scalars['BigInt']>;
+  value_gte?: InputMaybe<Scalars['BigInt']>;
+  value_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  value_lt?: InputMaybe<Scalars['BigInt']>;
+  value_lte?: InputMaybe<Scalars['BigInt']>;
+  value_not?: InputMaybe<Scalars['BigInt']>;
+  value_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum PnkStakedDataPoint_OrderBy {
+  Id = 'id',
+  Value = 'value'
+}
+
+export enum Period {
+  Appeal = 'Appeal',
+  Commit = 'Commit',
+  Evidence = 'Evidence',
+  Execution = 'Execution',
+  Vote = 'Vote'
+}
+
+export type Query = {
+  __typename?: 'Query';
+  /** Access to subgraph metadata */
+  _meta?: Maybe<_Meta_>;
+  activeJurorsDataPoint?: Maybe<ActiveJurorsDataPoint>;
+  activeJurorsDataPoints: Array<ActiveJurorsDataPoint>;
+  casesDataPoint?: Maybe<CasesDataPoint>;
+  casesDataPoints: Array<CasesDataPoint>;
+  court?: Maybe<Court>;
+  courts: Array<Court>;
+  dispute?: Maybe<Dispute>;
+  disputes: Array<Dispute>;
+  draw?: Maybe<Draw>;
+  draws: Array<Draw>;
+  ethpaidDataPoint?: Maybe<EthPaidDataPoint>;
+  ethpaidDataPoints: Array<EthPaidDataPoint>;
+  gatewayDispute?: Maybe<GatewayDispute>;
+  gatewayDisputes: Array<GatewayDispute>;
+  juror?: Maybe<Juror>;
+  jurorTokensPerSubcourt?: Maybe<JurorTokensPerSubcourt>;
+  jurorTokensPerSubcourts: Array<JurorTokensPerSubcourt>;
+  jurors: Array<Juror>;
+  outgoingMessage?: Maybe<OutgoingMessage>;
+  outgoingMessages: Array<OutgoingMessage>;
+  pnkredistributedDataPoint?: Maybe<PnkRedistributedDataPoint>;
+  pnkredistributedDataPoints: Array<PnkRedistributedDataPoint>;
+  pnkstakedDataPoint?: Maybe<PnkStakedDataPoint>;
+  pnkstakedDataPoints: Array<PnkStakedDataPoint>;
+  round?: Maybe<Round>;
+  rounds: Array<Round>;
+  tokenAndETHShift?: Maybe<TokenAndEthShift>;
+  tokenAndETHShifts: Array<TokenAndEthShift>;
+};
+
+
+export type Query_MetaArgs = {
+  block?: InputMaybe<Block_Height>;
+};
+
+
+export type QueryActiveJurorsDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryActiveJurorsDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<ActiveJurorsDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<ActiveJurorsDataPoint_Filter>;
+};
+
+
+export type QueryCasesDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryCasesDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<CasesDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<CasesDataPoint_Filter>;
+};
+
+
+export type QueryCourtArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryCourtsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Court_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Court_Filter>;
+};
+
+
+export type QueryDisputeArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryDisputesArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Dispute_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Dispute_Filter>;
+};
+
+
+export type QueryDrawArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryDrawsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Draw_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Draw_Filter>;
+};
+
+
+export type QueryEthpaidDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryEthpaidDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<EthPaidDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<EthPaidDataPoint_Filter>;
+};
+
+
+export type QueryGatewayDisputeArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryGatewayDisputesArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<GatewayDispute_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<GatewayDispute_Filter>;
+};
+
+
+export type QueryJurorArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryJurorTokensPerSubcourtArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryJurorTokensPerSubcourtsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<JurorTokensPerSubcourt_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<JurorTokensPerSubcourt_Filter>;
+};
+
+
+export type QueryJurorsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Juror_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Juror_Filter>;
+};
+
+
+export type QueryOutgoingMessageArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryOutgoingMessagesArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<OutgoingMessage_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<OutgoingMessage_Filter>;
+};
+
+
+export type QueryPnkredistributedDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryPnkredistributedDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<PnkRedistributedDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<PnkRedistributedDataPoint_Filter>;
+};
+
+
+export type QueryPnkstakedDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryPnkstakedDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<PnkStakedDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<PnkStakedDataPoint_Filter>;
+};
+
+
+export type QueryRoundArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryRoundsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Round_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Round_Filter>;
+};
+
+
+export type QueryTokenAndEthShiftArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type QueryTokenAndEthShiftsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<TokenAndEthShift_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<TokenAndEthShift_Filter>;
+};
+
+export type Round = {
+  __typename?: 'Round';
+  dispute: Dispute;
+  draws: Array<Draw>;
+  id: Scalars['ID'];
+  penalties: Scalars['BigInt'];
+  repartitions: Scalars['BigInt'];
+  tokensAtStakePerJuror: Scalars['BigInt'];
+  totalFeesForJurors: Scalars['BigInt'];
+};
+
+
+export type RoundDrawsArgs = {
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Draw_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  where?: InputMaybe<Draw_Filter>;
+};
+
+export type Round_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  dispute?: InputMaybe<Scalars['String']>;
+  dispute_contains?: InputMaybe<Scalars['String']>;
+  dispute_contains_nocase?: InputMaybe<Scalars['String']>;
+  dispute_ends_with?: InputMaybe<Scalars['String']>;
+  dispute_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  dispute_gt?: InputMaybe<Scalars['String']>;
+  dispute_gte?: InputMaybe<Scalars['String']>;
+  dispute_in?: InputMaybe<Array<Scalars['String']>>;
+  dispute_lt?: InputMaybe<Scalars['String']>;
+  dispute_lte?: InputMaybe<Scalars['String']>;
+  dispute_not?: InputMaybe<Scalars['String']>;
+  dispute_not_contains?: InputMaybe<Scalars['String']>;
+  dispute_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  dispute_not_ends_with?: InputMaybe<Scalars['String']>;
+  dispute_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  dispute_not_in?: InputMaybe<Array<Scalars['String']>>;
+  dispute_not_starts_with?: InputMaybe<Scalars['String']>;
+  dispute_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  dispute_starts_with?: InputMaybe<Scalars['String']>;
+  dispute_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  penalties?: InputMaybe<Scalars['BigInt']>;
+  penalties_gt?: InputMaybe<Scalars['BigInt']>;
+  penalties_gte?: InputMaybe<Scalars['BigInt']>;
+  penalties_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  penalties_lt?: InputMaybe<Scalars['BigInt']>;
+  penalties_lte?: InputMaybe<Scalars['BigInt']>;
+  penalties_not?: InputMaybe<Scalars['BigInt']>;
+  penalties_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  repartitions?: InputMaybe<Scalars['BigInt']>;
+  repartitions_gt?: InputMaybe<Scalars['BigInt']>;
+  repartitions_gte?: InputMaybe<Scalars['BigInt']>;
+  repartitions_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  repartitions_lt?: InputMaybe<Scalars['BigInt']>;
+  repartitions_lte?: InputMaybe<Scalars['BigInt']>;
+  repartitions_not?: InputMaybe<Scalars['BigInt']>;
+  repartitions_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  tokensAtStakePerJuror?: InputMaybe<Scalars['BigInt']>;
+  tokensAtStakePerJuror_gt?: InputMaybe<Scalars['BigInt']>;
+  tokensAtStakePerJuror_gte?: InputMaybe<Scalars['BigInt']>;
+  tokensAtStakePerJuror_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  tokensAtStakePerJuror_lt?: InputMaybe<Scalars['BigInt']>;
+  tokensAtStakePerJuror_lte?: InputMaybe<Scalars['BigInt']>;
+  tokensAtStakePerJuror_not?: InputMaybe<Scalars['BigInt']>;
+  tokensAtStakePerJuror_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  totalFeesForJurors?: InputMaybe<Scalars['BigInt']>;
+  totalFeesForJurors_gt?: InputMaybe<Scalars['BigInt']>;
+  totalFeesForJurors_gte?: InputMaybe<Scalars['BigInt']>;
+  totalFeesForJurors_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  totalFeesForJurors_lt?: InputMaybe<Scalars['BigInt']>;
+  totalFeesForJurors_lte?: InputMaybe<Scalars['BigInt']>;
+  totalFeesForJurors_not?: InputMaybe<Scalars['BigInt']>;
+  totalFeesForJurors_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum Round_OrderBy {
+  Dispute = 'dispute',
+  Draws = 'draws',
+  Id = 'id',
+  Penalties = 'penalties',
+  Repartitions = 'repartitions',
+  TokensAtStakePerJuror = 'tokensAtStakePerJuror',
+  TotalFeesForJurors = 'totalFeesForJurors'
+}
+
+export type Subscription = {
+  __typename?: 'Subscription';
+  /** Access to subgraph metadata */
+  _meta?: Maybe<_Meta_>;
+  activeJurorsDataPoint?: Maybe<ActiveJurorsDataPoint>;
+  activeJurorsDataPoints: Array<ActiveJurorsDataPoint>;
+  casesDataPoint?: Maybe<CasesDataPoint>;
+  casesDataPoints: Array<CasesDataPoint>;
+  court?: Maybe<Court>;
+  courts: Array<Court>;
+  dispute?: Maybe<Dispute>;
+  disputes: Array<Dispute>;
+  draw?: Maybe<Draw>;
+  draws: Array<Draw>;
+  ethpaidDataPoint?: Maybe<EthPaidDataPoint>;
+  ethpaidDataPoints: Array<EthPaidDataPoint>;
+  gatewayDispute?: Maybe<GatewayDispute>;
+  gatewayDisputes: Array<GatewayDispute>;
+  juror?: Maybe<Juror>;
+  jurorTokensPerSubcourt?: Maybe<JurorTokensPerSubcourt>;
+  jurorTokensPerSubcourts: Array<JurorTokensPerSubcourt>;
+  jurors: Array<Juror>;
+  outgoingMessage?: Maybe<OutgoingMessage>;
+  outgoingMessages: Array<OutgoingMessage>;
+  pnkredistributedDataPoint?: Maybe<PnkRedistributedDataPoint>;
+  pnkredistributedDataPoints: Array<PnkRedistributedDataPoint>;
+  pnkstakedDataPoint?: Maybe<PnkStakedDataPoint>;
+  pnkstakedDataPoints: Array<PnkStakedDataPoint>;
+  round?: Maybe<Round>;
+  rounds: Array<Round>;
+  tokenAndETHShift?: Maybe<TokenAndEthShift>;
+  tokenAndETHShifts: Array<TokenAndEthShift>;
+};
+
+
+export type Subscription_MetaArgs = {
+  block?: InputMaybe<Block_Height>;
+};
+
+
+export type SubscriptionActiveJurorsDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionActiveJurorsDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<ActiveJurorsDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<ActiveJurorsDataPoint_Filter>;
+};
+
+
+export type SubscriptionCasesDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionCasesDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<CasesDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<CasesDataPoint_Filter>;
+};
+
+
+export type SubscriptionCourtArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionCourtsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Court_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Court_Filter>;
+};
+
+
+export type SubscriptionDisputeArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionDisputesArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Dispute_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Dispute_Filter>;
+};
+
+
+export type SubscriptionDrawArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionDrawsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Draw_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Draw_Filter>;
+};
+
+
+export type SubscriptionEthpaidDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionEthpaidDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<EthPaidDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<EthPaidDataPoint_Filter>;
+};
+
+
+export type SubscriptionGatewayDisputeArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionGatewayDisputesArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<GatewayDispute_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<GatewayDispute_Filter>;
+};
+
+
+export type SubscriptionJurorArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionJurorTokensPerSubcourtArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionJurorTokensPerSubcourtsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<JurorTokensPerSubcourt_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<JurorTokensPerSubcourt_Filter>;
+};
+
+
+export type SubscriptionJurorsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Juror_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Juror_Filter>;
+};
+
+
+export type SubscriptionOutgoingMessageArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionOutgoingMessagesArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<OutgoingMessage_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<OutgoingMessage_Filter>;
+};
+
+
+export type SubscriptionPnkredistributedDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionPnkredistributedDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<PnkRedistributedDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<PnkRedistributedDataPoint_Filter>;
+};
+
+
+export type SubscriptionPnkstakedDataPointArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionPnkstakedDataPointsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<PnkStakedDataPoint_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<PnkStakedDataPoint_Filter>;
+};
+
+
+export type SubscriptionRoundArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionRoundsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<Round_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<Round_Filter>;
+};
+
+
+export type SubscriptionTokenAndEthShiftArgs = {
+  block?: InputMaybe<Block_Height>;
+  id: Scalars['ID'];
+  subgraphError?: _SubgraphErrorPolicy_;
+};
+
+
+export type SubscriptionTokenAndEthShiftsArgs = {
+  block?: InputMaybe<Block_Height>;
+  first?: InputMaybe<Scalars['Int']>;
+  orderBy?: InputMaybe<TokenAndEthShift_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  skip?: InputMaybe<Scalars['Int']>;
+  subgraphError?: _SubgraphErrorPolicy_;
+  where?: InputMaybe<TokenAndEthShift_Filter>;
+};
+
+export type TokenAndEthShift = {
+  __typename?: 'TokenAndETHShift';
+  dispute: Dispute;
+  ethAmount: Scalars['BigInt'];
+  id: Scalars['ID'];
+  juror: Juror;
+  tokenAmount: Scalars['BigInt'];
+};
+
+export type TokenAndEthShift_Filter = {
+  /** Filter for the block changed event. */
+  _change_block?: InputMaybe<BlockChangedFilter>;
+  dispute?: InputMaybe<Scalars['String']>;
+  dispute_contains?: InputMaybe<Scalars['String']>;
+  dispute_contains_nocase?: InputMaybe<Scalars['String']>;
+  dispute_ends_with?: InputMaybe<Scalars['String']>;
+  dispute_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  dispute_gt?: InputMaybe<Scalars['String']>;
+  dispute_gte?: InputMaybe<Scalars['String']>;
+  dispute_in?: InputMaybe<Array<Scalars['String']>>;
+  dispute_lt?: InputMaybe<Scalars['String']>;
+  dispute_lte?: InputMaybe<Scalars['String']>;
+  dispute_not?: InputMaybe<Scalars['String']>;
+  dispute_not_contains?: InputMaybe<Scalars['String']>;
+  dispute_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  dispute_not_ends_with?: InputMaybe<Scalars['String']>;
+  dispute_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  dispute_not_in?: InputMaybe<Array<Scalars['String']>>;
+  dispute_not_starts_with?: InputMaybe<Scalars['String']>;
+  dispute_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  dispute_starts_with?: InputMaybe<Scalars['String']>;
+  dispute_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  ethAmount?: InputMaybe<Scalars['BigInt']>;
+  ethAmount_gt?: InputMaybe<Scalars['BigInt']>;
+  ethAmount_gte?: InputMaybe<Scalars['BigInt']>;
+  ethAmount_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  ethAmount_lt?: InputMaybe<Scalars['BigInt']>;
+  ethAmount_lte?: InputMaybe<Scalars['BigInt']>;
+  ethAmount_not?: InputMaybe<Scalars['BigInt']>;
+  ethAmount_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  id?: InputMaybe<Scalars['ID']>;
+  id_gt?: InputMaybe<Scalars['ID']>;
+  id_gte?: InputMaybe<Scalars['ID']>;
+  id_in?: InputMaybe<Array<Scalars['ID']>>;
+  id_lt?: InputMaybe<Scalars['ID']>;
+  id_lte?: InputMaybe<Scalars['ID']>;
+  id_not?: InputMaybe<Scalars['ID']>;
+  id_not_in?: InputMaybe<Array<Scalars['ID']>>;
+  juror?: InputMaybe<Scalars['String']>;
+  juror_contains?: InputMaybe<Scalars['String']>;
+  juror_contains_nocase?: InputMaybe<Scalars['String']>;
+  juror_ends_with?: InputMaybe<Scalars['String']>;
+  juror_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_gt?: InputMaybe<Scalars['String']>;
+  juror_gte?: InputMaybe<Scalars['String']>;
+  juror_in?: InputMaybe<Array<Scalars['String']>>;
+  juror_lt?: InputMaybe<Scalars['String']>;
+  juror_lte?: InputMaybe<Scalars['String']>;
+  juror_not?: InputMaybe<Scalars['String']>;
+  juror_not_contains?: InputMaybe<Scalars['String']>;
+  juror_not_contains_nocase?: InputMaybe<Scalars['String']>;
+  juror_not_ends_with?: InputMaybe<Scalars['String']>;
+  juror_not_ends_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_not_in?: InputMaybe<Array<Scalars['String']>>;
+  juror_not_starts_with?: InputMaybe<Scalars['String']>;
+  juror_not_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  juror_starts_with?: InputMaybe<Scalars['String']>;
+  juror_starts_with_nocase?: InputMaybe<Scalars['String']>;
+  tokenAmount?: InputMaybe<Scalars['BigInt']>;
+  tokenAmount_gt?: InputMaybe<Scalars['BigInt']>;
+  tokenAmount_gte?: InputMaybe<Scalars['BigInt']>;
+  tokenAmount_in?: InputMaybe<Array<Scalars['BigInt']>>;
+  tokenAmount_lt?: InputMaybe<Scalars['BigInt']>;
+  tokenAmount_lte?: InputMaybe<Scalars['BigInt']>;
+  tokenAmount_not?: InputMaybe<Scalars['BigInt']>;
+  tokenAmount_not_in?: InputMaybe<Array<Scalars['BigInt']>>;
+};
+
+export enum TokenAndEthShift_OrderBy {
+  Dispute = 'dispute',
+  EthAmount = 'ethAmount',
+  Id = 'id',
+  Juror = 'juror',
+  TokenAmount = 'tokenAmount'
+}
+
+export type _Block_ = {
+  __typename?: '_Block_';
+  /** The hash of the block */
+  hash?: Maybe<Scalars['Bytes']>;
+  /** The block number */
+  number: Scalars['Int'];
+};
+
+/** The type for the top-level _meta field */
+export type _Meta_ = {
+  __typename?: '_Meta_';
+  /**
+   * Information about a specific subgraph block. The hash of the block
+   * will be null if the _meta field has a block constraint that asks for
+   * a block number. It will be filled if the _meta field has no block constraint
+   * and therefore asks for the latest  block
+   *
+   */
+  block: _Block_;
+  /** The deployment ID */
+  deployment: Scalars['String'];
+  /** If `true`, the subgraph encountered indexing errors at some past block */
+  hasIndexingErrors: Scalars['Boolean'];
+};
+
+export enum _SubgraphErrorPolicy_ {
+  /** Data will be returned even if the subgraph has indexing errors */
+  Allow = 'allow',
+  /** If the subgraph has indexing errors, data will be omitted. The default. */
+  Deny = 'deny'
+}
+
+export type ChartQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type ChartQuery = { __typename?: 'Query', pnkstakedDataPoints: Array<{ __typename?: 'PNKStakedDataPoint', id: string, value: any }>, ethpaidDataPoints: Array<{ __typename?: 'ETHPaidDataPoint', id: string, value: any }>, pnkredistributedDataPoints: Array<{ __typename?: 'PNKRedistributedDataPoint', id: string, value: any }>, activeJurorsDataPoints: Array<{ __typename?: 'ActiveJurorsDataPoint', id: string, value: any }>, casesDataPoints: Array<{ __typename?: 'CasesDataPoint', id: string, value: any }> };
+
+export type CountersQueryVariables = Exact<{ [key: string]: never; }>;
+
+
+export type CountersQuery = { __typename?: 'Query', pnkstakedDataPoint?: { __typename?: 'PNKStakedDataPoint', value: any } | null, ethpaidDataPoint?: { __typename?: 'ETHPaidDataPoint', value: any } | null, pnkredistributedDataPoint?: { __typename?: 'PNKRedistributedDataPoint', value: any } | null, activeJurorsDataPoint?: { __typename?: 'ActiveJurorsDataPoint', value: any } | null, casesDataPoint?: { __typename?: 'CasesDataPoint', value: any } | null };
diff --git a/web/src/hooks/queries/useChartQuery.ts b/web/src/hooks/queries/useChartQuery.ts
new file mode 100644
index 000000000..283571852
--- /dev/null
+++ b/web/src/hooks/queries/useChartQuery.ts
@@ -0,0 +1,34 @@
+import useSWR from "swr";
+import { gql } from "graphql-request";
+import { ChartQuery } from "src/graphql/generated";
+
+const chartQuery = gql`
+  query Chart {
+    pnkstakedDataPoints(where: { id_gt: 1 }) {
+      id
+      value
+    }
+    ethpaidDataPoints(where: { id_gt: 1 }) {
+      id
+      value
+    }
+    pnkredistributedDataPoints(where: { id_gt: 1 }) {
+      id
+      value
+    }
+    activeJurorsDataPoints(where: { id_gt: 1 }) {
+      id
+      value
+    }
+    casesDataPoints(where: { id_gt: 1 }) {
+      id
+      value
+    }
+  }
+`;
+
+export const useChartQuery = () => {
+  const { data, error, isValidating } = useSWR(chartQuery);
+  const result = data as ChartQuery;
+  return { result, error, isValidating };
+};
diff --git a/web/src/pages/home/Chart.tsx b/web/src/pages/home/Chart.tsx
new file mode 100644
index 000000000..bfa1e14f9
--- /dev/null
+++ b/web/src/pages/home/Chart.tsx
@@ -0,0 +1,103 @@
+import React from "react";
+import styled, { useTheme } from "styled-components";
+import { utils } from "ethers";
+import {
+  Chart as ChartJS,
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  TimeScale,
+  Tooltip,
+} from "chart.js";
+import { Line } from "react-chartjs-2";
+import { useChartQuery } from "queries/useChartQuery";
+import "chartjs-adapter-moment";
+
+const Container = styled.div`
+  height: 220px;
+`;
+
+ChartJS.register(
+  CategoryScale,
+  LinearScale,
+  PointElement,
+  LineElement,
+  TimeScale,
+  Tooltip
+);
+
+const Chart: React.FC = () => {
+  const { result } = useChartQuery();
+  const pnkstakedDataPoints = result?.pnkstakedDataPoints;
+  const processedData = pnkstakedDataPoints?.reduce((data, { id, value }) => {
+    return [
+      ...data,
+      {
+        x: parseInt(id) * 1000,
+        y: parseInt(utils.formatUnits(value, 18)),
+      },
+    ];
+  }, []);
+  const theme = useTheme();
+  const options = {
+    responsive: true,
+    maintainAspectRatio: false,
+    elements: {
+      point: {
+        radius: 0,
+      },
+    },
+    interaction: {
+      axis: "x",
+      intersect: false,
+    },
+    tooltips: {
+      position: "nearest",
+    },
+    scales: {
+      x: {
+        type: "time",
+        grid: { display: false },
+        ticks: {
+          color: theme.secondaryText,
+        },
+      },
+      y: {
+        grid: { color: theme.stroke },
+        ticks: {
+          color: theme.secondaryText,
+        },
+        suggestedMin: 0,
+      },
+    },
+  };
+
+  return (
+    <Container>
+      {processedData ? (
+        // eslint-disable-next-line
+        // @ts-ignore
+        <Line
+          {...{
+            data: {
+              datasets: [
+                {
+                  data: processedData,
+                  borderColor: theme.primaryBlue,
+                  stepped: true,
+                  cubicInterpolationMode: "monotone",
+                },
+              ],
+            },
+            options,
+          }}
+        />
+      ) : (
+        "Fetching..."
+      )}
+    </Container>
+  );
+};
+
+export default Chart;
diff --git a/web/src/pages/home/index.tsx b/web/src/pages/home/index.tsx
index d62a3843b..885e05e2c 100644
--- a/web/src/pages/home/index.tsx
+++ b/web/src/pages/home/index.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import styled from "styled-components";
 import Stats from "./Stats";
+import Chart from "./Chart";
 import DisputeCard from "components/DisputeCard";
 
 const Container = styled.div`
@@ -12,6 +13,7 @@ const Container = styled.div`
 
 const Home: React.FC = () => (
   <Container>
+    <Chart />
     <Stats />
     <hr />
     <DisputeCard
@@ -23,6 +25,24 @@ const Home: React.FC = () => (
       rewards="≥ 0.3 ETH"
       date={1651244935}
     />
+    <DisputeCard
+      title="Register Profile in Proof of Humanity"
+      id={600}
+      period={3}
+      court="Humanity"
+      category="Identity"
+      rewards="≥ 0.3 ETH"
+      date={1651244935}
+    />
+    <DisputeCard
+      title="Register Profile in Proof of Humanity"
+      id={600}
+      period={4}
+      court="Humanity"
+      category="Identity"
+      rewards="≥ 0.3 ETH"
+      date={1651244935}
+    />
   </Container>
 );
 
diff --git a/yarn.lock b/yarn.lock
index 8b7422f45..f6443d52b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -32,6 +32,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/compat-data@npm:^7.17.0, @babel/compat-data@npm:^7.17.10":
+  version: 7.17.10
+  resolution: "@babel/compat-data@npm:7.17.10"
+  checksum: e85051087cd4690de5061909a2dd2d7f8b6434a3c2e30be6c119758db2027ae1845bcd75a81127423dd568b706ac6994a1a3d7d701069a23bf5cfe900728290b
+  languageName: node
+  linkType: hard
+
 "@babel/compat-data@npm:^7.17.7":
   version: 7.17.7
   resolution: "@babel/compat-data@npm:7.17.7"
@@ -39,6 +46,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/core@npm:^7.14.0":
+  version: 7.17.10
+  resolution: "@babel/core@npm:7.17.10"
+  dependencies:
+    "@ampproject/remapping": ^2.1.0
+    "@babel/code-frame": ^7.16.7
+    "@babel/generator": ^7.17.10
+    "@babel/helper-compilation-targets": ^7.17.10
+    "@babel/helper-module-transforms": ^7.17.7
+    "@babel/helpers": ^7.17.9
+    "@babel/parser": ^7.17.10
+    "@babel/template": ^7.16.7
+    "@babel/traverse": ^7.17.10
+    "@babel/types": ^7.17.10
+    convert-source-map: ^1.7.0
+    debug: ^4.1.0
+    gensync: ^1.0.0-beta.2
+    json5: ^2.2.1
+    semver: ^6.3.0
+  checksum: 2545fb24b4090c1e9ead0daad4713ae6fe779df0843e6e286509146f4dd09958bd067d80995f2cc09fdb01fd0dc936f42cdd6f70b3d058de48e124cd9a3cc93e
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:^7.15.5":
   version: 7.17.9
   resolution: "@babel/core@npm:7.17.9"
@@ -62,6 +92,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.14.0, @babel/generator@npm:^7.17.10":
+  version: 7.17.10
+  resolution: "@babel/generator@npm:7.17.10"
+  dependencies:
+    "@babel/types": ^7.17.10
+    "@jridgewell/gen-mapping": ^0.1.0
+    jsesc: ^2.5.1
+  checksum: 9ec596a6ffec7bec239133a4ba79d4f834e6c894019accb1c70a7a5affbec9d0912d3baef200edd9d48e553d4ef72abcbffbc73cfb7d75f327c24186e887f79c
+  languageName: node
+  linkType: hard
+
 "@babel/generator@npm:^7.17.9":
   version: 7.17.9
   resolution: "@babel/generator@npm:7.17.9"
@@ -73,7 +114,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-annotate-as-pure@npm:^7.16.0":
+"@babel/helper-annotate-as-pure@npm:^7.16.0, @babel/helper-annotate-as-pure@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/helper-annotate-as-pure@npm:7.16.7"
   dependencies:
@@ -82,6 +123,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-compilation-targets@npm:^7.16.7, @babel/helper-compilation-targets@npm:^7.17.10":
+  version: 7.17.10
+  resolution: "@babel/helper-compilation-targets@npm:7.17.10"
+  dependencies:
+    "@babel/compat-data": ^7.17.10
+    "@babel/helper-validator-option": ^7.16.7
+    browserslist: ^4.20.2
+    semver: ^6.3.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 5f547c7ebd372e90fa72c2aaea867e7193166e9f469dec5acde4f0e18a78b80bdca8e02a0f641f3e998be984fb5b802c729a9034faaee8b1a9ef6670cb76f120
+  languageName: node
+  linkType: hard
+
 "@babel/helper-compilation-targets@npm:^7.17.7":
   version: 7.17.7
   resolution: "@babel/helper-compilation-targets@npm:7.17.7"
@@ -96,6 +151,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.16.7":
+  version: 7.17.9
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.17.9"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-function-name": ^7.17.9
+    "@babel/helper-member-expression-to-functions": ^7.17.7
+    "@babel/helper-optimise-call-expression": ^7.16.7
+    "@babel/helper-replace-supers": ^7.16.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: db7be8852096084883dbbd096f925976695e5b34919a888fded9fd359d75d9994960e459f4eeb51ff6700109f83be6c1359e57809deb3fe36fc589b2a208b6d7
+  languageName: node
+  linkType: hard
+
 "@babel/helper-environment-visitor@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/helper-environment-visitor@npm:7.16.7"
@@ -105,7 +177,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-function-name@npm:^7.17.9":
+"@babel/helper-function-name@npm:^7.16.7, @babel/helper-function-name@npm:^7.17.9":
   version: 7.17.9
   resolution: "@babel/helper-function-name@npm:7.17.9"
   dependencies:
@@ -124,6 +196,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-member-expression-to-functions@npm:^7.16.7, @babel/helper-member-expression-to-functions@npm:^7.17.7":
+  version: 7.17.7
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.17.7"
+  dependencies:
+    "@babel/types": ^7.17.0
+  checksum: 70f361bab627396c714c3938e94a569cb0da522179328477cdbc4318e4003c2666387ad4931d6bd5de103338c667c9e4bbe3e917fc8c527b3f3eb6175b888b7d
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-imports@npm:^7.0.0, @babel/helper-module-imports@npm:^7.16.0, @babel/helper-module-imports@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/helper-module-imports@npm:7.16.7"
@@ -149,6 +230,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-optimise-call-expression@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-optimise-call-expression@npm:7.16.7"
+  dependencies:
+    "@babel/types": ^7.16.7
+  checksum: 925feb877d5a30a71db56e2be498b3abbd513831311c0188850896c4c1ada865eea795dce5251a1539b0f883ef82493f057f84286dd01abccc4736acfafe15ea
+  languageName: node
+  linkType: hard
+
+"@babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.16.7, @babel/helper-plugin-utils@npm:^7.8.0":
+  version: 7.16.7
+  resolution: "@babel/helper-plugin-utils@npm:7.16.7"
+  checksum: d08dd86554a186c2538547cd537552e4029f704994a9201d41d82015c10ed7f58f9036e8d1527c3760f042409163269d308b0b3706589039c5f1884619c6d4ce
+  languageName: node
+  linkType: hard
+
+"@babel/helper-replace-supers@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/helper-replace-supers@npm:7.16.7"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-member-expression-to-functions": ^7.16.7
+    "@babel/helper-optimise-call-expression": ^7.16.7
+    "@babel/traverse": ^7.16.7
+    "@babel/types": ^7.16.7
+  checksum: e5c0b6eb3dad8410a6255f93b580dde9b3c1564646c6ef751de59d5b2a65b5caa80cc9e568155f04bbae895ad0f54305c2e833dbd971a4f641f970c90b3d892b
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.17.7":
   version: 7.17.7
   resolution: "@babel/helper-simple-access@npm:7.17.7"
@@ -158,6 +268,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.16.0"
+  dependencies:
+    "@babel/types": ^7.16.0
+  checksum: b9ed2896eb253e6a85f472b0d4098ed80403758ad1a4e34b02b11e8276e3083297526758b1a3e6886e292987266f10622d7dbced3508cc22b296a74903b41cfb
+  languageName: node
+  linkType: hard
+
 "@babel/helper-split-export-declaration@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/helper-split-export-declaration@npm:7.16.7"
@@ -212,6 +331,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.14.0, @babel/parser@npm:^7.16.8, @babel/parser@npm:^7.17.10":
+  version: 7.17.10
+  resolution: "@babel/parser@npm:7.17.10"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: a9493d9fb8625e0904a178703866c8ee4d3a6003f0954b08df9f772b54dae109c69376812b74732e0c3e1a7f1d5b30915577a1db12e5e16b0abee083539df574
+  languageName: node
+  linkType: hard
+
 "@babel/parser@npm:^7.16.4, @babel/parser@npm:^7.16.7, @babel/parser@npm:^7.17.9":
   version: 7.17.9
   resolution: "@babel/parser@npm:7.17.9"
@@ -221,7 +349,317 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.2, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6":
+"@babel/plugin-proposal-class-properties@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-proposal-class-properties@npm:7.16.7"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3977e841e17b45b47be749b9a5b67b9e8b25ff0840f9fdad3f00cbcb35db4f5ff15f074939fe19b01207a29688c432cc2c682351959350834d62920b7881f803
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-object-rest-spread@npm:^7.0.0":
+  version: 7.17.3
+  resolution: "@babel/plugin-proposal-object-rest-spread@npm:7.17.3"
+  dependencies:
+    "@babel/compat-data": ^7.17.0
+    "@babel/helper-compilation-targets": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-transform-parameters": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 02810f158db4aaf6883131621b5d2c7d901ea3c034df2c2b78663f8b26813795d78a346c37e56770a720c54773732fd1d7fe40947dbf11d1d8de0e9a38e856d3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-class-properties@npm:^7.0.0":
+  version: 7.12.13
+  resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.12.13
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 24f34b196d6342f28d4bad303612d7ff566ab0a013ce89e775d98d6f832969462e7235f3e7eaf17678a533d4be0ba45d3ae34ab4e5a9dcbda5d98d49e5efa2fc
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-flow@npm:^7.0.0, @babel/plugin-syntax-flow@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-syntax-flow@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b1ab0bd9b78e4aa5fb48714d6514f3d08d72693807c6044a5be4f301a9bb677b5648fbdae11c8bc93923da6b320a1898560c307933021bdb75ee39e577ed74ee
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-syntax-jsx@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: cd9b0e53c50e8ddb0afaf0f42e0b221a94e4f59aee32a591364266a31195c48cac5fef288d02c1c935686bda982d2e0f1ed61cceb995fc9f6fb09ef5ebecdd2b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-object-rest-spread@npm:^7.0.0, @babel/plugin-syntax-object-rest-spread@npm:^7.8.3":
+  version: 7.8.3
+  resolution: "@babel/plugin-syntax-object-rest-spread@npm:7.8.3"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.8.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: fddcf581a57f77e80eb6b981b10658421bc321ba5f0a5b754118c6a92a5448f12a0c336f77b8abf734841e102e5126d69110a306eadb03ca3e1547cab31f5cbf
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-arrow-functions@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2a6aa982c6fc80f4de7ccd973507ce5464fab129987cb6661136a7b9b6a020c2b329b912cbc46a68d39b5a18451ba833dcc8d1ca8d615597fec98624ac2add54
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoped-functions@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 591e9f75437bb32ebf9506d28d5c9659c66c0e8e0c19b12924d808d898e68309050aadb783ccd70bb4956555067326ecfa17a402bc77eb3ece3c6863d40b9016
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-block-scoping@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f93b5441af573fc274655f1707aeb4f67a43e926b58f56d89cc35a27877ae0bf198648603cbc19f442579489138f93c3838905895f109aa356996dbc3ed97a68
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-classes@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-classes@npm:7.16.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-function-name": ^7.16.7
+    "@babel/helper-optimise-call-expression": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-replace-supers": ^7.16.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+    globals: ^11.1.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 791526a1bf3c4659b94d619536e3181d3ad54887d50539066628c6e695789a3bb264dc1fbc8540169d62a222f623df54defb490c1811ae63bad1e3557d6b3bb0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-computed-properties@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 28b17f7cfe643f45920b76dc040cab40d4e54eccf5074fba2658c484feacda9b4885b3854ffaf26292189783fdecc97211519c61831b6708fcbf739cfbcbf31c
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-destructuring@npm:^7.0.0":
+  version: 7.17.7
+  resolution: "@babel/plugin-transform-destructuring@npm:7.17.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 767ecf6640fea9a06a4859f0c34daa30ac7d146a96476caa1f77081d5b6e43699f45e14acd52682078f2b7c230ff0814312b41f61b21ca2b5f9c5a2cc93c2b58
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-flow-strip-types@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-flow": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4b4801c91d805d95957781e537f88e9f34c7f8a4c262c4d230af2ab7a920889c542860e505149a856d4c16916ffb02df4f3af161733adeedb7671555d1510bba
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-for-of@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-for-of@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 35c9264ee4bef814818123d70afe8b2f0a85753a0a9dc7b73f93a71cadc5d7de852f1a3e300a7c69a491705805704611de1e2ccceb5686f7828d6bca2e5a7306
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-function-name@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-function-name@npm:7.16.7"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.16.7
+    "@babel/helper-function-name": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4d97d0b84461cdd5d5aa2d010cdaf30f1f83a92a0dedd3686cbc7e90dc1249a70246f5bac0c1f3cd3f1dbfb03f7aac437776525a0c90cafd459776ea4fcc6bde
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-literals@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a9565d999fc7a72a391ef843cf66028c38ca858537c7014d9ea8ea587a59e5f952d9754bdcca6ca0446e84653e297d417d4faedccb9e4221af1aa30f25d918e0
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-member-expression-literals@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: fdf5b22abab2b770e69348ce7f99796c3e0e1e7ce266afdbe995924284704930fa989323bdbda7070db8adb45a72f39eaa1dbebf18b67fc44035ec00c6ae3300
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-modules-commonjs@npm:^7.0.0":
+  version: 7.17.9
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.17.9"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.17.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-simple-access": ^7.17.7
+    babel-plugin-dynamic-import-node: ^2.3.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 23f248a28b43978c7ee187a91392510f665db32f2cc869007da4922e5a83da47f27ecd5da37c8f66fe6b89e4b324f1a978a4493ae59edf2b3129387d844fde1b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-super@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-object-super@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-replace-supers": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 46e3c879f4a93e904f2ecf83233d40c48c832bdbd82a67cab1f432db9aa51702e40d9e51e5800613e12299974f90f4ed3869e1273dbca8642984266320c5f341
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-parameters@npm:^7.0.0, @babel/plugin-transform-parameters@npm:^7.16.7":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4d6904376db82d0b35f0a6cce08f630daf8608d94e903d6c7aff5bd742b251651bd1f88cdf9f16cad98aba5fc7c61da8635199364865fad6367d5ae37cf56cc1
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-property-literals@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-property-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b5674458991a9b0e8738989d70faa88c7f98ed3df923c119f1225069eed72fe5e0ce947b1adc91e378f5822fbdeb7a672f496fd1c75c4babcc88169e3a7c3229
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-display-name@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 483154413671ab0a25ae37520b7cf5bfab0958c484a3707c6799b1f1436d1e51481bcc03fbfcdbf90bf6b46818d931ae35e515141d8354c3287351b4467376ba
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx@npm:^7.0.0":
+  version: 7.17.3
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.17.3"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.7
+    "@babel/helper-module-imports": ^7.16.7
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/plugin-syntax-jsx": ^7.16.7
+    "@babel/types": ^7.17.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7e33a3fb78a3b7352b56f48211160ae60dc3654bae314ea0352bfc179d10eaac789792ccb3701172388ec4e4dbdb94952cdf3386980f3af402d99ceadd91149b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-shorthand-properties@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ca381ecf8f48696512172deca40af46b1f64e3497186fdc2c9009286d8f06b468c4d61cdc392dc8b0c165298117dda67be9e2ff0e99d7691b0503f1240d4c62b
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-spread@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-spread@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.16.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 6e961af1a70586bb72dd85e8296cee857c5dadd73225fccd0fe261c0d98652a82d69c65f3e9dc31ce019a12e9677262678479b96bd2d9140ddf6514618362828
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-template-literals@npm:^7.0.0":
+  version: 7.16.7
+  resolution: "@babel/plugin-transform-template-literals@npm:7.16.7"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.16.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: b55a519dd8b957247ebad3cab21918af5adca4f6e6c87819501cfe3d4d4bccda25bc296c7dfc8a30909b4ad905902aeb9d55ad955cb9f5cbc74b42dab32baa18
+  languageName: node
+  linkType: hard
+
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.6.2, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6":
   version: 7.17.9
   resolution: "@babel/runtime@npm:7.17.9"
   dependencies:
@@ -259,6 +697,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.14.0, @babel/traverse@npm:^7.16.7, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.17.10":
+  version: 7.17.10
+  resolution: "@babel/traverse@npm:7.17.10"
+  dependencies:
+    "@babel/code-frame": ^7.16.7
+    "@babel/generator": ^7.17.10
+    "@babel/helper-environment-visitor": ^7.16.7
+    "@babel/helper-function-name": ^7.17.9
+    "@babel/helper-hoist-variables": ^7.16.7
+    "@babel/helper-split-export-declaration": ^7.16.7
+    "@babel/parser": ^7.17.10
+    "@babel/types": ^7.17.10
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: 44ec0a59aa274b59464d52b1796eb6e54c67ae0f946de0d608068e28b1ab7065bdf53c0169d9102854cb00aa01944c83e722f08aeab96d9cc6bf56f8aede70fd
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.16.0, @babel/types@npm:^7.17.10":
+  version: 7.17.10
+  resolution: "@babel/types@npm:7.17.10"
+  dependencies:
+    "@babel/helper-validator-identifier": ^7.16.7
+    to-fast-properties: ^2.0.0
+  checksum: 40cfc3f43a3ab7374df8ee6844793f804c65e7bea0fd1b090886b425106ba26e16e8fa698ae4b2caf2746083fe3e62f03f12997a5982e0d131700f17cbdcfca1
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.15.6, @babel/types@npm:^7.16.7, @babel/types@npm:^7.16.8, @babel/types@npm:^7.17.0, @babel/types@npm:^7.8.3":
   version: 7.17.0
   resolution: "@babel/types@npm:7.17.0"
@@ -500,7 +966,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@endemolshinegroup/cosmiconfig-typescript-loader@npm:^3.0.2":
+"@endemolshinegroup/cosmiconfig-typescript-loader@npm:3.0.2, @endemolshinegroup/cosmiconfig-typescript-loader@npm:^3.0.2":
   version: 3.0.2
   resolution: "@endemolshinegroup/cosmiconfig-typescript-loader@npm:3.0.2"
   dependencies:
@@ -1620,6 +2086,446 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@graphql-codegen/cli@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "@graphql-codegen/cli@npm:2.6.2"
+  dependencies:
+    "@graphql-codegen/core": 2.5.1
+    "@graphql-codegen/plugin-helpers": ^2.4.1
+    "@graphql-tools/apollo-engine-loader": ^7.0.5
+    "@graphql-tools/code-file-loader": ^7.0.6
+    "@graphql-tools/git-loader": ^7.0.5
+    "@graphql-tools/github-loader": ^7.0.5
+    "@graphql-tools/graphql-file-loader": ^7.0.5
+    "@graphql-tools/json-file-loader": ^7.1.2
+    "@graphql-tools/load": ^7.3.0
+    "@graphql-tools/prisma-loader": ^7.0.6
+    "@graphql-tools/url-loader": ^7.0.11
+    "@graphql-tools/utils": ^8.1.1
+    ansi-escapes: ^4.3.1
+    chalk: ^4.1.0
+    change-case-all: 1.0.14
+    chokidar: ^3.5.2
+    common-tags: ^1.8.0
+    cosmiconfig: ^7.0.0
+    debounce: ^1.2.0
+    dependency-graph: ^0.11.0
+    detect-indent: ^6.0.0
+    glob: ^7.1.6
+    globby: ^11.0.4
+    graphql-config: ^4.1.0
+    inquirer: ^8.0.0
+    is-glob: ^4.0.1
+    json-to-pretty-yaml: ^1.2.2
+    latest-version: 5.1.0
+    listr: ^0.14.3
+    listr-update-renderer: ^0.5.0
+    log-symbols: ^4.0.0
+    minimatch: ^4.0.0
+    mkdirp: ^1.0.4
+    string-env-interpolation: ^1.0.1
+    ts-log: ^2.2.3
+    tslib: ~2.3.0
+    valid-url: ^1.0.9
+    wrap-ansi: ^7.0.0
+    yaml: ^1.10.0
+    yargs: ^17.0.0
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  bin:
+    gql-gen: bin.js
+    graphql-code-generator: bin.js
+    graphql-codegen: bin.js
+  checksum: 5d8f81fab26984588fe4a7cfde12c45d86c101086acb3e2c3e6b23e194be7af6c2a76825c6da996e8841ac8c0a52f23d4658c6a795f345e1d577d75ad8025c2c
+  languageName: node
+  linkType: hard
+
+"@graphql-codegen/core@npm:2.5.1":
+  version: 2.5.1
+  resolution: "@graphql-codegen/core@npm:2.5.1"
+  dependencies:
+    "@graphql-codegen/plugin-helpers": ^2.4.1
+    "@graphql-tools/schema": ^8.1.2
+    "@graphql-tools/utils": ^8.1.1
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: d882b98540dcae78a7c0def0554c5bd086cd0e2f889b3bf3dea7849a60753fd760efbe1e71bc5109e73fccefa18e5b840eda48c8a7c855b6f59b495285d5cd7a
+  languageName: node
+  linkType: hard
+
+"@graphql-codegen/plugin-helpers@npm:^2.3.2, @graphql-codegen/plugin-helpers@npm:^2.4.0, @graphql-codegen/plugin-helpers@npm:^2.4.1":
+  version: 2.4.2
+  resolution: "@graphql-codegen/plugin-helpers@npm:2.4.2"
+  dependencies:
+    "@graphql-tools/utils": ^8.5.2
+    change-case-all: 1.0.14
+    common-tags: 1.8.2
+    import-from: 4.0.0
+    lodash: ~4.17.0
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: ad87d71e83a451f4d7a07989b2ae88461ca87cb6a592d17f51c85f57adb41a256f93804aca5907beb2dc11044d8568c45ce2f05b6ce1e2d25cd41d7d9f1332d7
+  languageName: node
+  linkType: hard
+
+"@graphql-codegen/schema-ast@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "@graphql-codegen/schema-ast@npm:2.4.1"
+  dependencies:
+    "@graphql-codegen/plugin-helpers": ^2.3.2
+    "@graphql-tools/utils": ^8.1.1
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 534725acaa20a2a8d2c0a5880f8e854a26107d434a9358baa22d64d3e68b1fd4bc96141f1ca972cc87b21a26a10c72e0f85027ce86cf3e3610a943b484cd60e1
+  languageName: node
+  linkType: hard
+
+"@graphql-codegen/typescript-operations@npm:^2.3.6":
+  version: 2.3.6
+  resolution: "@graphql-codegen/typescript-operations@npm:2.3.6"
+  dependencies:
+    "@graphql-codegen/plugin-helpers": ^2.4.0
+    "@graphql-codegen/typescript": ^2.4.9
+    "@graphql-codegen/visitor-plugin-common": 2.7.5
+    auto-bind: ~4.0.0
+    tslib: ~2.4.0
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 934d073c00c776d8aadcc761c65890c6771278120cc347bdeae449d84f84da748e98a7dd93daa21ddcb634b050cfe0f8bd6780c270f8a4b934fab6229590e396
+  languageName: node
+  linkType: hard
+
+"@graphql-codegen/typescript@npm:^2.4.9":
+  version: 2.4.9
+  resolution: "@graphql-codegen/typescript@npm:2.4.9"
+  dependencies:
+    "@graphql-codegen/plugin-helpers": ^2.4.0
+    "@graphql-codegen/schema-ast": ^2.4.1
+    "@graphql-codegen/visitor-plugin-common": 2.7.5
+    auto-bind: ~4.0.0
+    tslib: ~2.4.0
+  peerDependencies:
+    graphql: ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: ae05f0b7f279064c652d74d4215840580503bb08e1d4d705c5f0273b03bbab822f53447d47c58fe60c26b25f6e21555e95594d016d9ec064f08f1fa36bb5c0d4
+  languageName: node
+  linkType: hard
+
+"@graphql-codegen/visitor-plugin-common@npm:2.7.5":
+  version: 2.7.5
+  resolution: "@graphql-codegen/visitor-plugin-common@npm:2.7.5"
+  dependencies:
+    "@graphql-codegen/plugin-helpers": ^2.4.0
+    "@graphql-tools/optimize": ^1.0.1
+    "@graphql-tools/relay-operation-optimizer": ^6.3.7
+    "@graphql-tools/utils": ^8.3.0
+    auto-bind: ~4.0.0
+    change-case-all: 1.0.14
+    dependency-graph: ^0.11.0
+    graphql-tag: ^2.11.0
+    parse-filepath: ^1.0.2
+    tslib: ~2.4.0
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 443a4225104ecac0ef4880a0a42b4e84df49480028196ea990511b01cf4aab42af397212c0e9a87d87a81b7edd2b3f202ce4a8145195c337c3efe3b99d4464b1
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/apollo-engine-loader@npm:^7.0.5":
+  version: 7.2.15
+  resolution: "@graphql-tools/apollo-engine-loader@npm:7.2.15"
+  dependencies:
+    "@graphql-tools/utils": 8.6.9
+    cross-undici-fetch: ^0.3.5
+    sync-fetch: 0.3.1
+    tslib: ~2.4.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 60b1cef4d39dcc0f995be560264bfb619d2f7d56829aeea2c8bf447d9f5ca619fa14b554f4a97c4b336ba1898abc2acc67dbab035d82476151218a8c80da09d6
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/batch-execute@npm:8.4.6":
+  version: 8.4.6
+  resolution: "@graphql-tools/batch-execute@npm:8.4.6"
+  dependencies:
+    "@graphql-tools/utils": 8.6.9
+    dataloader: 2.1.0
+    tslib: ~2.3.0
+    value-or-promise: 1.0.11
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 613b47b15b6055e2f7e9fa28b8a9751faf30f4e8e30f348446fcacdb300015adeea126436f3f0c9d1798a6df925dff3d99175ec826763c3308db1f08f8db3000
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/code-file-loader@npm:^7.0.6":
+  version: 7.2.14
+  resolution: "@graphql-tools/code-file-loader@npm:7.2.14"
+  dependencies:
+    "@graphql-tools/graphql-tag-pluck": 7.2.6
+    "@graphql-tools/utils": 8.6.9
+    globby: ^11.0.3
+    tslib: ~2.3.0
+    unixify: ^1.0.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: b4d15d0e2e1409909e6d50d294e79462aa9b8065876d6668c1c81ec6554e50c5cdb257942d9b6beefdc51a57478e4c5ec62207157f7453d107a8db426b860c70
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/delegate@npm:8.7.7":
+  version: 8.7.7
+  resolution: "@graphql-tools/delegate@npm:8.7.7"
+  dependencies:
+    "@graphql-tools/batch-execute": 8.4.6
+    "@graphql-tools/schema": 8.3.10
+    "@graphql-tools/utils": 8.6.9
+    dataloader: 2.1.0
+    graphql-executor: 0.0.23
+    tslib: ~2.3.0
+    value-or-promise: 1.0.11
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 1f06d645c6382eee72bf779949cb631688c20f0a9260c729810a87cf3afae13166ae1ef34aa80de4895c06a0128da910de933d900835aa8a81f39e3ccfa9bbfe
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/git-loader@npm:^7.0.5":
+  version: 7.1.13
+  resolution: "@graphql-tools/git-loader@npm:7.1.13"
+  dependencies:
+    "@graphql-tools/graphql-tag-pluck": 7.2.6
+    "@graphql-tools/utils": 8.6.9
+    is-glob: 4.0.3
+    micromatch: ^4.0.4
+    tslib: ~2.3.0
+    unixify: ^1.0.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 87fc1526c2157d9b19598360914014d4093c97a86044a637cd571fc8a3f39446ddc2067dce8e0eb73fc6d71e6164f16045dc9f34582d19a0dc4dd4db120797e5
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/github-loader@npm:^7.0.5":
+  version: 7.2.19
+  resolution: "@graphql-tools/github-loader@npm:7.2.19"
+  dependencies:
+    "@graphql-tools/graphql-tag-pluck": 7.2.6
+    "@graphql-tools/utils": 8.6.9
+    cross-undici-fetch: ^0.3.5
+    sync-fetch: 0.3.1
+    tslib: ~2.4.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 8b18282298f90f3572c07686ea3e3b896c103bbf7045430dfbc056121be765cb84b12b79dc116be2a21d07d0b3c79509e44f30a7bcef4cbbbfc32d601d17548d
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/graphql-file-loader@npm:^7.0.5, @graphql-tools/graphql-file-loader@npm:^7.3.7":
+  version: 7.3.11
+  resolution: "@graphql-tools/graphql-file-loader@npm:7.3.11"
+  dependencies:
+    "@graphql-tools/import": 6.6.13
+    "@graphql-tools/utils": 8.6.9
+    globby: ^11.0.3
+    tslib: ~2.3.0
+    unixify: ^1.0.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 0282ff80a5a19d8e979de51ddc8bb7cca29b2aabdd786dca96e7405381d2207725544def880c200f1783ddc072f6eb7b9e69b42a124885b84eee0f2866f9c483
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/graphql-tag-pluck@npm:7.2.6":
+  version: 7.2.6
+  resolution: "@graphql-tools/graphql-tag-pluck@npm:7.2.6"
+  dependencies:
+    "@babel/parser": ^7.16.8
+    "@babel/traverse": ^7.16.8
+    "@babel/types": ^7.16.8
+    "@graphql-tools/utils": 8.6.9
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 9c009f4c5c562844757f54fe0266e1d9740e59a17e7d167c80ea3e1ff6e078bee9e0f71f14fb21accd29cd1a49ff2a31fca330346ba63966c5105260368f5789
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/import@npm:6.6.13":
+  version: 6.6.13
+  resolution: "@graphql-tools/import@npm:6.6.13"
+  dependencies:
+    "@graphql-tools/utils": 8.6.9
+    resolve-from: 5.0.0
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: e85456451579bf566a070eba3b95e30eac173755bbafdcbd5c113e2fdd9c7e51ebf77051dbcde948cc6d7c8092ca2a187bb679bbf8fb5e42dce9bff2defc8ab9
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/json-file-loader@npm:^7.1.2, @graphql-tools/json-file-loader@npm:^7.3.7":
+  version: 7.3.11
+  resolution: "@graphql-tools/json-file-loader@npm:7.3.11"
+  dependencies:
+    "@graphql-tools/utils": 8.6.9
+    globby: ^11.0.3
+    tslib: ~2.3.0
+    unixify: ^1.0.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 6198dfc1317b8ff968bf5c774d932aa4c61a713e41ac844843b672169cf01bee1591c82622b0f8aa8dde2a0e3050611fa44f718093ec0a7bbcb7547f7cfcaad9
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/load@npm:^7.3.0, @graphql-tools/load@npm:^7.5.5":
+  version: 7.5.10
+  resolution: "@graphql-tools/load@npm:7.5.10"
+  dependencies:
+    "@graphql-tools/schema": 8.3.10
+    "@graphql-tools/utils": 8.6.9
+    p-limit: 3.1.0
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: cbca24dd47008ee989a781befc1322c6fa41f4657a8b9b2e67bca4b533453d459e68af20b0df9a94a18ef3b4b25523270c6a774d5de0c78a084ab565356f2671
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/merge@npm:8.2.10, @graphql-tools/merge@npm:^8.2.6":
+  version: 8.2.10
+  resolution: "@graphql-tools/merge@npm:8.2.10"
+  dependencies:
+    "@graphql-tools/utils": 8.6.9
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 7059d9f68cfb9b7c04d6024f528e5638fab165e681b3307877a6bad0fc461686595d19375350875bb5f4f7572b21d10272a1e4b08a8af5b6a67950a4a950012b
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/optimize@npm:^1.0.1":
+  version: 1.2.0
+  resolution: "@graphql-tools/optimize@npm:1.2.0"
+  dependencies:
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 64224f19600b0db50dfcc5def37d3dcc53470dbbcf3dcf62a2fdaeea8a37f663a70993254726ab8149ea84e249cca776cf558331c0412f5f98968771193d9901
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/prisma-loader@npm:^7.0.6":
+  version: 7.1.18
+  resolution: "@graphql-tools/prisma-loader@npm:7.1.18"
+  dependencies:
+    "@graphql-tools/url-loader": 7.9.19
+    "@graphql-tools/utils": 8.6.9
+    "@types/js-yaml": ^4.0.0
+    "@types/json-stable-stringify": ^1.0.32
+    "@types/jsonwebtoken": ^8.5.0
+    chalk: ^4.1.0
+    debug: ^4.3.1
+    dotenv: ^16.0.0
+    graphql-request: ^4.0.0
+    http-proxy-agent: ^5.0.0
+    https-proxy-agent: ^5.0.0
+    isomorphic-fetch: ^3.0.0
+    js-yaml: ^4.0.0
+    json-stable-stringify: ^1.0.1
+    jsonwebtoken: ^8.5.1
+    lodash: ^4.17.20
+    replaceall: ^0.1.6
+    scuid: ^1.1.0
+    tslib: ~2.4.0
+    yaml-ast-parser: ^0.0.43
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 598e86a53c9e802701ced76e4d018e40005b46ee01b434e3e19514621edb7f077c778926109e3dc5b3fcbe4f029ae62c929370ac2c9932be6a0fd4fbd3de32da
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/relay-operation-optimizer@npm:^6.3.7":
+  version: 6.4.9
+  resolution: "@graphql-tools/relay-operation-optimizer@npm:6.4.9"
+  dependencies:
+    "@graphql-tools/utils": 8.6.9
+    relay-compiler: 12.0.0
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 7115891ee8725e3a9b919400c1f60fea1fe2226bc80560634a628cfb660ccaade704512ccc52919fbf258b5300560e4c5c4891205dbef924a5753dac19d022f4
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/schema@npm:8.3.10, @graphql-tools/schema@npm:^8.1.2":
+  version: 8.3.10
+  resolution: "@graphql-tools/schema@npm:8.3.10"
+  dependencies:
+    "@graphql-tools/merge": 8.2.10
+    "@graphql-tools/utils": 8.6.9
+    tslib: ~2.3.0
+    value-or-promise: 1.0.11
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 8b225f4ae87d3f1d8d9772df605a27dfde069a2372f2af0a1459859c4310c5fef8243c1276c1959e316420f1584d739b9f52c55dd230d2ad177cde1019155b81
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/url-loader@npm:7.9.19, @graphql-tools/url-loader@npm:^7.0.11, @graphql-tools/url-loader@npm:^7.9.7":
+  version: 7.9.19
+  resolution: "@graphql-tools/url-loader@npm:7.9.19"
+  dependencies:
+    "@graphql-tools/delegate": 8.7.7
+    "@graphql-tools/utils": 8.6.9
+    "@graphql-tools/wrap": 8.4.16
+    "@n1ru4l/graphql-live-query": ^0.9.0
+    "@types/ws": ^8.0.0
+    cross-undici-fetch: ^0.3.5
+    dset: ^3.1.0
+    extract-files: ^11.0.0
+    graphql-ws: ^5.4.1
+    isomorphic-ws: ^4.0.1
+    meros: ^1.1.4
+    sync-fetch: ^0.3.1
+    tslib: ^2.3.0
+    value-or-promise: ^1.0.11
+    ws: ^8.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: e34f2ee53e31f7dee96ddccc323086de1e45d84a4121dff0195a86543daff81ea99ebdaad421d7a7bb6462cf8f36e4cfee18c8c04035c76e6e123d46f17a4f24
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/utils@npm:8.6.9, @graphql-tools/utils@npm:^8.1.1, @graphql-tools/utils@npm:^8.3.0, @graphql-tools/utils@npm:^8.5.2, @graphql-tools/utils@npm:^8.6.5":
+  version: 8.6.9
+  resolution: "@graphql-tools/utils@npm:8.6.9"
+  dependencies:
+    tslib: ~2.3.0
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 73b9569a9c2409f86a6a9005f19026cfab6d136bf884dfbff436996a47fb0561ae24d3f6bb2abcfd600197aab85d6dfc177b9a0cbaba23905ba0c7591ef12110
+  languageName: node
+  linkType: hard
+
+"@graphql-tools/wrap@npm:8.4.16":
+  version: 8.4.16
+  resolution: "@graphql-tools/wrap@npm:8.4.16"
+  dependencies:
+    "@graphql-tools/delegate": 8.7.7
+    "@graphql-tools/schema": 8.3.10
+    "@graphql-tools/utils": 8.6.9
+    tslib: ~2.3.0
+    value-or-promise: 1.0.11
+  peerDependencies:
+    graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: d369133824f44fbb5d0ab8d3dcd27c98594e082514acbaf6bb0fc0d178c34d214a80079235b3f26a8d04f860276782087d24bc9a10c016eaa60b6896781c8786
+  languageName: node
+  linkType: hard
+
 "@humanwhocodes/config-array@npm:^0.5.0":
   version: 0.5.0
   resolution: "@humanwhocodes/config-array@npm:0.5.0"
@@ -1656,6 +2562,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@iarna/toml@npm:^2.2.5":
+  version: 2.2.5
+  resolution: "@iarna/toml@npm:2.2.5"
+  checksum: b63b2b2c4fd67969a6291543ada0303d45593801ee744b60f5390f183c03d9192bc67a217abb24be945158f1935f02840d9ffff40c0142aa171b5d3b6b6a3ea5
+  languageName: node
+  linkType: hard
+
+"@jridgewell/gen-mapping@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "@jridgewell/gen-mapping@npm:0.1.1"
+  dependencies:
+    "@jridgewell/set-array": ^1.0.0
+    "@jridgewell/sourcemap-codec": ^1.4.10
+  checksum: 3bcc21fe786de6ffbf35c399a174faab05eb23ce6a03e8769569de28abbf4facc2db36a9ddb0150545ae23a8d35a7cf7237b2aa9e9356a7c626fb4698287d5cc
+  languageName: node
+  linkType: hard
+
 "@jridgewell/resolve-uri@npm:^3.0.3":
   version: 3.0.5
   resolution: "@jridgewell/resolve-uri@npm:3.0.5"
@@ -1663,6 +2586,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/set-array@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "@jridgewell/set-array@npm:1.1.0"
+  checksum: 86ddd72ce7d2f7756dfb69804b35d0e760a85dcef30ed72e8610bf2c5e843f8878d977a0c77c4fdfa6a0e3d5b18e5bde4a1f1dd73fd2db06b200c998e9b5a6c5
+  languageName: node
+  linkType: hard
+
 "@jridgewell/sourcemap-codec@npm:^1.4.10":
   version: 1.4.11
   resolution: "@jridgewell/sourcemap-codec@npm:1.4.11"
@@ -1768,6 +2698,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@kleros/kleros-v2-web@workspace:web"
   dependencies:
+    "@graphql-codegen/cli": ^2.6.2
+    "@graphql-codegen/typescript": ^2.4.9
+    "@graphql-codegen/typescript-operations": ^2.3.6
     "@kleros/kleros-v2-contracts": "workspace:^"
     "@kleros/ui-components-library": ^0.1.5
     "@parcel/transformer-svg-react": ^2.5.0
@@ -1776,6 +2709,8 @@ __metadata:
     "@types/styled-components": ^5.1.21
     "@typescript-eslint/eslint-plugin": ^5.10.1
     "@typescript-eslint/parser": ^5.10.1
+    chart.js: ^3.7.1
+    chartjs-adapter-moment: ^1.0.0
     core-js: ^3.21.1
     eslint: ^8.7.0
     eslint-config-prettier: ^8.3.0
@@ -1789,9 +2724,11 @@ __metadata:
     graphql: ^16.4.0
     graphql-request: ^4.2.0
     lru-cache: ^7.8.0
+    moment: ^2.29.3
     parcel: ^2.5.0
     prettier: ^2.5.1
     react: ^18.0.0
+    react-chartjs-2: ^4.1.0
     react-dom: ^18.0.0
     react-is: ^18.0.0
     react-router-dom: 6
@@ -1866,6 +2803,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@n1ru4l/graphql-live-query@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "@n1ru4l/graphql-live-query@npm:0.9.0"
+  peerDependencies:
+    graphql: ^15.4.0 || ^16.0.0
+  checksum: 746c7a2b23440a2daee5737aece454c756bf9f3e77decd53feed921f88907743301b569209d124afde63271b3f9db59a1fb997c0c280205662a7622992057e4a
+  languageName: node
+  linkType: hard
+
 "@noble/hashes@npm:1.0.0, @noble/hashes@npm:~1.0.0":
   version: 1.0.0
   resolution: "@noble/hashes@npm:1.0.0"
@@ -3532,6 +4478,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@samverschueren/stream-to-observable@npm:^0.3.0":
+  version: 0.3.1
+  resolution: "@samverschueren/stream-to-observable@npm:0.3.1"
+  dependencies:
+    any-observable: ^0.3.0
+  peerDependenciesMeta:
+    rxjs:
+      optional: true
+    zen-observable:
+      optional: true
+  checksum: 8ec6d43370f419975295f306699f87989dd64a099a29cf62ddacbbbe32df634f87451504d340e15321e74b0a3ca8a9b447736472f792102e234faa207395e6c9
+  languageName: node
+  linkType: hard
+
 "@scure/base@npm:~1.0.0":
   version: 1.0.0
   resolution: "@scure/base@npm:1.0.0"
@@ -4042,6 +5002,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/js-yaml@npm:^4.0.0":
+  version: 4.0.5
+  resolution: "@types/js-yaml@npm:4.0.5"
+  checksum: 7dcac8c50fec31643cc9d6444b5503239a861414cdfaa7ae9a38bc22597c4d850c4b8cec3d82d73b3fbca408348ce223b0408d598b32e094470dfffc6d486b4d
+  languageName: node
+  linkType: hard
+
 "@types/json-schema@npm:*, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
   version: 7.0.11
   resolution: "@types/json-schema@npm:7.0.11"
@@ -4049,6 +5016,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/json-stable-stringify@npm:^1.0.32":
+  version: 1.0.34
+  resolution: "@types/json-stable-stringify@npm:1.0.34"
+  checksum: 45767ecef0f6aae5680c3be6488d5c493f16046e34f182d7e6a2c69a667aab035799752c6f03017c883b134ad3f80e3f78d7e7da81a9c1f3d01676126baf5d0e
+  languageName: node
+  linkType: hard
+
 "@types/json5@npm:^0.0.29":
   version: 0.0.29
   resolution: "@types/json5@npm:0.0.29"
@@ -4056,6 +5030,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/jsonwebtoken@npm:^8.5.0":
+  version: 8.5.8
+  resolution: "@types/jsonwebtoken@npm:8.5.8"
+  dependencies:
+    "@types/node": "*"
+  checksum: 56738a918c543dba30786066959f801212e7fb5cd4ec53cf7b8d227711ed358834feb9e5141f7f88ec7c642bb39757330a5a8917e3b22e0ff9084940d35f0d70
+  languageName: node
+  linkType: hard
+
 "@types/keyv@npm:^3.1.1":
   version: 3.1.4
   resolution: "@types/keyv@npm:3.1.4"
@@ -4328,6 +5311,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/ws@npm:^8.0.0":
+  version: 8.5.3
+  resolution: "@types/ws@npm:8.5.3"
+  dependencies:
+    "@types/node": "*"
+  checksum: 0ce46f850d41383fcdc2149bcacc86d7232fa7a233f903d2246dff86e31701a02f8566f40af5f8b56d1834779255c04ec6ec78660fe0f9b2a69cf3d71937e4ae
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/eslint-plugin@npm:^5.10.1, @typescript-eslint/eslint-plugin@npm:^5.15.0":
   version: 5.19.0
   resolution: "@typescript-eslint/eslint-plugin@npm:5.19.0"
@@ -5021,14 +6013,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^3.2.0":
+"ansi-escapes@npm:^3.0.0, ansi-escapes@npm:^3.2.0":
   version: 3.2.0
   resolution: "ansi-escapes@npm:3.2.0"
   checksum: 0f94695b677ea742f7f1eed961f7fd8d05670f744c6ad1f8f635362f6681dcfbc1575cb05b43abc7bb6d67e25a75fb8c7ea8f2a57330eb2c76b33f18cb2cef0a
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^4.3.0":
+"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.0, ansi-escapes@npm:^4.3.1":
   version: 4.3.2
   resolution: "ansi-escapes@npm:4.3.2"
   dependencies:
@@ -5106,6 +6098,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"any-observable@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "any-observable@npm:0.3.0"
+  checksum: e715563ebb520ef4b2688c69512bc17e73dc8d5fb9fd29f50dea417cd4e5c8d05d27205461fa22bfd07b9a32134fc8fa88059a16adf52bb5968ccbf338ec4c7f
+  languageName: node
+  linkType: hard
+
 "anymatch@npm:~3.1.1, anymatch@npm:~3.1.2":
   version: 3.1.2
   resolution: "anymatch@npm:3.1.2"
@@ -5302,7 +6301,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"asap@npm:~2.0.6":
+"asap@npm:~2.0.3, asap@npm:~2.0.6":
   version: 2.0.6
   resolution: "asap@npm:2.0.6"
   checksum: b296c92c4b969e973260e47523207cd5769abd27c245a68c26dc7a0fe8053c55bb04360237cb51cab1df52be939da77150ace99ad331fb7fb13b3423ed73ff3d
@@ -5436,6 +6435,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"auto-bind@npm:~4.0.0":
+  version: 4.0.0
+  resolution: "auto-bind@npm:4.0.0"
+  checksum: 00cad71cce5742faccb7dd65c1b55ebc4f45add4b0c9a1547b10b05bab22813230133b0c892c67ba3eb969a4524710c5e43cc45c72898ec84e56f3a596e7a04f
+  languageName: node
+  linkType: hard
+
 "available-typed-arrays@npm:^1.0.5":
   version: 1.0.5
   resolution: "available-typed-arrays@npm:1.0.5"
@@ -5675,6 +6681,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-dynamic-import-node@npm:^2.3.3":
+  version: 2.3.3
+  resolution: "babel-plugin-dynamic-import-node@npm:2.3.3"
+  dependencies:
+    object.assign: ^4.1.0
+  checksum: c9d24415bcc608d0db7d4c8540d8002ac2f94e2573d2eadced137a29d9eab7e25d2cbb4bc6b9db65cf6ee7430f7dd011d19c911a9a778f0533b4a05ce8292c9b
+  languageName: node
+  linkType: hard
+
 "babel-plugin-styled-components@npm:>= 1.12.0":
   version: 2.0.7
   resolution: "babel-plugin-styled-components@npm:2.0.7"
@@ -5718,6 +6733,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-syntax-trailing-function-commas@npm:^7.0.0-beta.0":
+  version: 7.0.0-beta.0
+  resolution: "babel-plugin-syntax-trailing-function-commas@npm:7.0.0-beta.0"
+  checksum: e37509156ca945dd9e4b82c66dd74f2d842ad917bd280cb5aa67960942300cd065eeac476d2514bdcdedec071277a358f6d517c31d9f9244d9bbc3619a8ecf8a
+  languageName: node
+  linkType: hard
+
 "babel-plugin-transform-async-to-generator@npm:^6.22.0":
   version: 6.24.1
   resolution: "babel-plugin-transform-async-to-generator@npm:6.24.1"
@@ -6031,6 +7053,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-preset-fbjs@npm:^3.4.0":
+  version: 3.4.0
+  resolution: "babel-preset-fbjs@npm:3.4.0"
+  dependencies:
+    "@babel/plugin-proposal-class-properties": ^7.0.0
+    "@babel/plugin-proposal-object-rest-spread": ^7.0.0
+    "@babel/plugin-syntax-class-properties": ^7.0.0
+    "@babel/plugin-syntax-flow": ^7.0.0
+    "@babel/plugin-syntax-jsx": ^7.0.0
+    "@babel/plugin-syntax-object-rest-spread": ^7.0.0
+    "@babel/plugin-transform-arrow-functions": ^7.0.0
+    "@babel/plugin-transform-block-scoped-functions": ^7.0.0
+    "@babel/plugin-transform-block-scoping": ^7.0.0
+    "@babel/plugin-transform-classes": ^7.0.0
+    "@babel/plugin-transform-computed-properties": ^7.0.0
+    "@babel/plugin-transform-destructuring": ^7.0.0
+    "@babel/plugin-transform-flow-strip-types": ^7.0.0
+    "@babel/plugin-transform-for-of": ^7.0.0
+    "@babel/plugin-transform-function-name": ^7.0.0
+    "@babel/plugin-transform-literals": ^7.0.0
+    "@babel/plugin-transform-member-expression-literals": ^7.0.0
+    "@babel/plugin-transform-modules-commonjs": ^7.0.0
+    "@babel/plugin-transform-object-super": ^7.0.0
+    "@babel/plugin-transform-parameters": ^7.0.0
+    "@babel/plugin-transform-property-literals": ^7.0.0
+    "@babel/plugin-transform-react-display-name": ^7.0.0
+    "@babel/plugin-transform-react-jsx": ^7.0.0
+    "@babel/plugin-transform-shorthand-properties": ^7.0.0
+    "@babel/plugin-transform-spread": ^7.0.0
+    "@babel/plugin-transform-template-literals": ^7.0.0
+    babel-plugin-syntax-trailing-function-commas: ^7.0.0-beta.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: b3352cf690729125997f254bc31b9c4db347f8646f1571958ced1c45f0da89439e183e1c88e35397eb0361b9e1fbb1dd8142d3f4647814deb427e53c54f44d5f
+  languageName: node
+  linkType: hard
+
 "babel-register@npm:^6.26.0":
   version: 6.26.0
   resolution: "babel-register@npm:6.26.0"
@@ -6221,6 +7280,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bl@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "bl@npm:4.1.0"
+  dependencies:
+    buffer: ^5.5.0
+    inherits: ^2.0.4
+    readable-stream: ^3.4.0
+  checksum: 9e8521fa7e83aa9427c6f8ccdcba6e8167ef30cc9a22df26effcc5ab682ef91d2cbc23a239f945d099289e4bbcfae7a192e9c28c84c6202e710a0dfec3722662
+  languageName: node
+  linkType: hard
+
 "blakejs@npm:^1.1.0":
   version: 1.2.1
   resolution: "blakejs@npm:1.2.1"
@@ -6459,6 +7529,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.20.2":
+  version: 4.20.3
+  resolution: "browserslist@npm:4.20.3"
+  dependencies:
+    caniuse-lite: ^1.0.30001332
+    electron-to-chromium: ^1.4.118
+    escalade: ^3.1.1
+    node-releases: ^2.0.3
+    picocolors: ^1.0.0
+  bin:
+    browserslist: cli.js
+  checksum: 1e4b719ac2ca0fe235218a606e8b8ef16b8809e0973b924158c39fbc435a0b0fe43437ea52dd6ef5ad2efcb83fcb07431244e472270177814217f7c563651f7d
+  languageName: node
+  linkType: hard
+
 "bs58@npm:^4.0.0":
   version: 4.0.1
   resolution: "bs58@npm:4.0.1"
@@ -6479,6 +7564,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bser@npm:2.1.1":
+  version: 2.1.1
+  resolution: "bser@npm:2.1.1"
+  dependencies:
+    node-int64: ^0.4.0
+  checksum: 9ba4dc58ce86300c862bffc3ae91f00b2a03b01ee07f3564beeeaf82aa243b8b03ba53f123b0b842c190d4399b94697970c8e7cf7b1ea44b61aa28c3526a4449
+  languageName: node
+  linkType: hard
+
+"buffer-equal-constant-time@npm:1.0.1":
+  version: 1.0.1
+  resolution: "buffer-equal-constant-time@npm:1.0.1"
+  checksum: 80bb945f5d782a56f374b292770901065bad21420e34936ecbe949e57724b4a13874f735850dd1cc61f078773c4fb5493a41391e7bda40d1fa388d6bd80daaab
+  languageName: node
+  linkType: hard
+
 "buffer-from@npm:^1.0.0":
   version: 1.1.2
   resolution: "buffer-from@npm:1.1.2"
@@ -6509,7 +7610,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer@npm:^5.0.5, buffer@npm:^5.2.1, buffer@npm:^5.5.0, buffer@npm:^5.6.0":
+"buffer@npm:^5.0.5, buffer@npm:^5.2.1, buffer@npm:^5.5.0, buffer@npm:^5.6.0, buffer@npm:^5.7.0":
   version: 5.7.1
   resolution: "buffer@npm:5.7.1"
   dependencies:
@@ -6529,6 +7630,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"busboy@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "busboy@npm:1.6.0"
+  dependencies:
+    streamsearch: ^1.1.0
+  checksum: 32801e2c0164e12106bf236291a00795c3c4e4b709ae02132883fe8478ba2ae23743b11c5735a0aae8afe65ac4b6ca4568b91f0d9fed1fdbc32ede824a73746e
+  languageName: node
+  linkType: hard
+
 "bytes@npm:3.1.2":
   version: 3.1.2
   resolution: "bytes@npm:3.1.2"
@@ -6728,6 +7838,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001332":
+  version: 1.0.30001336
+  resolution: "caniuse-lite@npm:1.0.30001336"
+  checksum: 05577b295f2c3780f4a2c814c4255b8b73353ff5a7238f5f97fe3b2bb61b78d77be7df52e9646b829bbde8f0efbfbad971324001086f9069ec144e4fc88ed5b8
+  languageName: node
+  linkType: hard
+
+"capital-case@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "capital-case@npm:1.0.4"
+  dependencies:
+    no-case: ^3.0.4
+    tslib: ^2.0.3
+    upper-case-first: ^2.0.2
+  checksum: 41fa8fa87f6d24d0835a2b4a9341a3eaecb64ac29cd7c5391f35d6175a0fa98ab044e7f2602e1ec3afc886231462ed71b5b80c590b8b41af903ec2c15e5c5931
+  languageName: node
+  linkType: hard
+
 "caseless@npm:^0.12.0, caseless@npm:~0.12.0":
   version: 0.12.0
   resolution: "caseless@npm:0.12.0"
@@ -6759,7 +7887,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^1.1.3":
+"chalk@npm:^1.0.0, chalk@npm:^1.1.3":
   version: 1.1.3
   resolution: "chalk@npm:1.1.3"
   dependencies:
@@ -6783,7 +7911,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.2":
+"chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.1, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
   dependencies:
@@ -6793,6 +7921,44 @@ __metadata:
   languageName: node
   linkType: hard
 
+"change-case-all@npm:1.0.14":
+  version: 1.0.14
+  resolution: "change-case-all@npm:1.0.14"
+  dependencies:
+    change-case: ^4.1.2
+    is-lower-case: ^2.0.2
+    is-upper-case: ^2.0.2
+    lower-case: ^2.0.2
+    lower-case-first: ^2.0.2
+    sponge-case: ^1.0.1
+    swap-case: ^2.0.2
+    title-case: ^3.0.3
+    upper-case: ^2.0.2
+    upper-case-first: ^2.0.2
+  checksum: 6ff893e005e1bf115cc2969cc5ca3610f7c6ece9e90b7927ed12c980c7d3ea9a565150d246c6dba0fee21aaacbd38d69b98a4670d96b892c76f66e46616506d3
+  languageName: node
+  linkType: hard
+
+"change-case@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "change-case@npm:4.1.2"
+  dependencies:
+    camel-case: ^4.1.2
+    capital-case: ^1.0.4
+    constant-case: ^3.0.4
+    dot-case: ^3.0.4
+    header-case: ^2.0.4
+    no-case: ^3.0.4
+    param-case: ^3.0.4
+    pascal-case: ^3.1.2
+    path-case: ^3.0.4
+    sentence-case: ^3.0.4
+    snake-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: e4bc4a093a1f7cce8b33896665cf9e456e3bc3cc0def2ad7691b1994cfca99b3188d0a513b16855b01a6bd20692fcde12a7d4d87a5615c4c515bbbf0e651f116
+  languageName: node
+  linkType: hard
+
 "chardet@npm:^0.7.0":
   version: 0.7.0
   resolution: "chardet@npm:0.7.0"
@@ -6807,6 +7973,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chart.js@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "chart.js@npm:3.7.1"
+  checksum: f9d118d3b7dd3c36b6da7a8d71ac9e5d9673b81095cc66c3f61ff91674e20020c6700f8c9c6f93713fa8474eb471ded106114346ccc6afa88b4a7d0eb73dcea4
+  languageName: node
+  linkType: hard
+
+"chartjs-adapter-moment@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "chartjs-adapter-moment@npm:1.0.0"
+  peerDependencies:
+    chart.js: ^3.0.0
+    moment: ^2.10.2
+  checksum: d1efe7d9d7b08e93111db93e684cf3b3aa656144b2e0d4cd9efcaaf62a7493799762d6467c85a6410dda21438ccaad5d1e887243ce8130f8bc384e775a9edd00
+  languageName: node
+  linkType: hard
+
 "check-error@npm:^1.0.2":
   version: 1.0.2
   resolution: "check-error@npm:1.0.2"
@@ -6954,7 +8137,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-cursor@npm:^2.1.0":
+"cli-cursor@npm:^2.0.0, cli-cursor@npm:^2.1.0":
   version: 2.1.0
   resolution: "cli-cursor@npm:2.1.0"
   dependencies:
@@ -6972,6 +8155,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-spinners@npm:^2.5.0":
+  version: 2.6.1
+  resolution: "cli-spinners@npm:2.6.1"
+  checksum: 423409baaa7a58e5104b46ca1745fbfc5888bbd0b0c5a626e052ae1387060839c8efd512fb127e25769b3dc9562db1dc1b5add6e0b93b7ef64f477feb6416a45
+  languageName: node
+  linkType: hard
+
 "cli-table3@npm:^0.5.0":
   version: 0.5.1
   resolution: "cli-table3@npm:0.5.1"
@@ -7009,6 +8199,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-truncate@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "cli-truncate@npm:0.2.1"
+  dependencies:
+    slice-ansi: 0.0.4
+    string-width: ^1.0.1
+  checksum: c2e4b8d95275d8c772ced60977341e87530b81a1160b0e26a252a6c39b794fdf7a1236bf5bc7150558f759deb960cbabc0f993964327bde80790bcd330b698a0
+  languageName: node
+  linkType: hard
+
 "cli-width@npm:^2.0.0":
   version: 2.2.1
   resolution: "cli-width@npm:2.2.1"
@@ -7016,6 +8216,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-width@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cli-width@npm:3.0.0"
+  checksum: 4c94af3769367a70e11ed69aa6095f1c600c0ff510f3921ab4045af961820d57c0233acfa8b6396037391f31b4c397e1f614d234294f979ff61430a6c166c3f6
+  languageName: node
+  linkType: hard
+
 "cliui@npm:^3.2.0":
   version: 3.2.0
   resolution: "cliui@npm:3.2.0"
@@ -7038,6 +8245,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cliui@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "cliui@npm:6.0.0"
+  dependencies:
+    string-width: ^4.2.0
+    strip-ansi: ^6.0.0
+    wrap-ansi: ^6.2.0
+  checksum: 4fcfd26d292c9f00238117f39fc797608292ae36bac2168cfee4c85923817d0607fe21b3329a8621e01aedf512c99b7eaa60e363a671ffd378df6649fb48ae42
+  languageName: node
+  linkType: hard
+
 "cliui@npm:^7.0.2":
   version: 7.0.4
   resolution: "cliui@npm:7.0.4"
@@ -7065,6 +8283,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clone@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "clone@npm:1.0.4"
+  checksum: d06418b7335897209e77bdd430d04f882189582e67bd1f75a04565f3f07f5b3f119a9d670c943b6697d0afb100f03b866b3b8a1f91d4d02d72c4ecf2bb64b5dd
+  languageName: node
+  linkType: hard
+
 "clsx@npm:^1.1.1":
   version: 1.1.1
   resolution: "clsx@npm:1.1.1"
@@ -7239,6 +8464,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"common-tags@npm:1.8.2, common-tags@npm:^1.8.0":
+  version: 1.8.2
+  resolution: "common-tags@npm:1.8.2"
+  checksum: 767a6255a84bbc47df49a60ab583053bb29a7d9687066a18500a516188a062c4e4cd52de341f22de0b07062e699b1b8fe3cfa1cb55b241cb9301aeb4f45b4dff
+  languageName: node
+  linkType: hard
+
 "compare-func@npm:^2.0.0":
   version: 2.0.0
   resolution: "compare-func@npm:2.0.0"
@@ -7291,6 +8523,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"constant-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "constant-case@npm:3.0.4"
+  dependencies:
+    no-case: ^3.0.4
+    tslib: ^2.0.3
+    upper-case: ^2.0.2
+  checksum: 6c3346d51afc28d9fae922e966c68eb77a19d94858dba230dd92d7b918b37d36db50f0311e9ecf6847e43e934b1c01406a0936973376ab17ec2c471fbcfb2cf3
+  languageName: node
+  linkType: hard
+
 "content-disposition@npm:0.5.4":
   version: 0.5.4
   resolution: "content-disposition@npm:0.5.4"
@@ -7593,19 +8836,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^5.0.7":
-  version: 5.2.1
-  resolution: "cosmiconfig@npm:5.2.1"
+"cosmiconfig-toml-loader@npm:1.0.0":
+  version: 1.0.0
+  resolution: "cosmiconfig-toml-loader@npm:1.0.0"
   dependencies:
-    import-fresh: ^2.0.0
-    is-directory: ^0.3.1
-    js-yaml: ^3.13.1
-    parse-json: ^4.0.0
-  checksum: 8b6f1d3c8a5ffdf663a952f17af0761adf210b7a5933d0fe8988f3ca3a1f0e1e5cbbb74d5b419c15933dd2fdcaec31dbc5cc85cb8259a822342b93b529eff89c
+    "@iarna/toml": ^2.2.5
+  checksum: 00836a57c3c029a0d23f4eeeafc59a0be45cdf2707c5a6859020f545d50f939bfb01bc047fa41118faa92e69e25001f34d7687b05a97a469ed59fc870528b875
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.0.1":
+"cosmiconfig@npm:7.0.1, cosmiconfig@npm:^7.0.0, cosmiconfig@npm:^7.0.1":
   version: 7.0.1
   resolution: "cosmiconfig@npm:7.0.1"
   dependencies:
@@ -7618,6 +8858,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cosmiconfig@npm:^5.0.7":
+  version: 5.2.1
+  resolution: "cosmiconfig@npm:5.2.1"
+  dependencies:
+    import-fresh: ^2.0.0
+    is-directory: ^0.3.1
+    js-yaml: ^3.13.1
+    parse-json: ^4.0.0
+  checksum: 8b6f1d3c8a5ffdf663a952f17af0761adf210b7a5933d0fe8988f3ca3a1f0e1e5cbbb74d5b419c15933dd2fdcaec31dbc5cc85cb8259a822342b93b529eff89c
+  languageName: node
+  linkType: hard
+
 "crc-32@npm:^1.2.0":
   version: 1.2.2
   resolution: "crc-32@npm:1.2.2"
@@ -7714,6 +8966,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cross-undici-fetch@npm:^0.3.5":
+  version: 0.3.8
+  resolution: "cross-undici-fetch@npm:0.3.8"
+  dependencies:
+    abort-controller: ^3.0.0
+    busboy: ^1.6.0
+    form-data-encoder: ^1.7.1
+    formdata-node: ^4.3.1
+    node-fetch: ^2.6.7
+    undici: ^5.1.0
+    web-streams-polyfill: ^3.2.0
+  checksum: 12fb5e30d5a83c73513a383a11bccdb8186dbe65b0dfbd9b20f1d2c8e4ac0ee9ce3539c7fe64a5317996e4f984d64ac1db31d157ddf2042213ed74ecaad505a7
+  languageName: node
+  linkType: hard
+
 "crypt@npm:>= 0.0.1":
   version: 0.0.2
   resolution: "crypt@npm:0.0.2"
@@ -7857,6 +9124,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dataloader@npm:2.1.0":
+  version: 2.1.0
+  resolution: "dataloader@npm:2.1.0"
+  checksum: bbd43496c41697766f8611f60ed3bae437b450985499140b9603a2447c10d45975d3a0661caaebaa9750bc1bc9fd154676a314423294916c8b8ca1a59a08d139
+  languageName: node
+  linkType: hard
+
+"date-fns@npm:^1.27.2":
+  version: 1.30.1
+  resolution: "date-fns@npm:1.30.1"
+  checksum: 86b1f3269cbb1f3ee5ac9959775ea6600436f4ee2b78430cd427b41a0c9fabf740b1a5d401c085f3003539a6f4755c7c56c19fbd70ce11f6f673f6bc8075b710
+  languageName: node
+  linkType: hard
+
 "date-fns@npm:^2.14.0":
   version: 2.28.0
   resolution: "date-fns@npm:2.28.0"
@@ -7885,6 +9166,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debounce@npm:^1.2.0":
+  version: 1.2.1
+  resolution: "debounce@npm:1.2.1"
+  checksum: 682a89506d9e54fb109526f4da255c5546102fbb8e3ae75eef3b04effaf5d4853756aee97475cd4650641869794e44f410eeb20ace2b18ea592287ab2038519e
+  languageName: node
+  linkType: hard
+
 "debug@npm:2.6.9, debug@npm:^2.2.0, debug@npm:^2.3.3, debug@npm:^2.6.0, debug@npm:^2.6.8, debug@npm:^2.6.9":
   version: 2.6.9
   resolution: "debug@npm:2.6.9"
@@ -7999,7 +9287,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deep-extend@npm:~0.6.0":
+"deep-extend@npm:^0.6.0, deep-extend@npm:~0.6.0":
   version: 0.6.0
   resolution: "deep-extend@npm:0.6.0"
   checksum: 7be7e5a8d468d6b10e6a67c3de828f55001b6eb515d014f7aeb9066ce36bd5717161eb47d6a0f7bed8a9083935b465bc163ee2581c8b128d29bf61092fdf57a7
@@ -8020,6 +9308,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"defaults@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "defaults@npm:1.0.3"
+  dependencies:
+    clone: ^1.0.2
+  checksum: 96e2112da6553d376afd5265ea7cbdb2a3b45535965d71ab8bb1da10c8126d168fdd5268799625324b368356d21ba2a7b3d4ec50961f11a47b7feb9de3d4413e
+  languageName: node
+  linkType: hard
+
 "defer-to-connect@npm:^1.0.1":
   version: 1.1.3
   resolution: "defer-to-connect@npm:1.1.3"
@@ -8161,6 +9458,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dependency-graph@npm:^0.11.0":
+  version: 0.11.0
+  resolution: "dependency-graph@npm:0.11.0"
+  checksum: 477204beaa9be69e642bc31ffe7a8c383d0cf48fa27acbc91c5df01431ab913e65c154213d2ef83d034c98d77280743ec85e5da018a97a18dd43d3c0b78b28cd
+  languageName: node
+  linkType: hard
+
 "deps-regex@npm:^0.1.4":
   version: 0.1.4
   resolution: "deps-regex@npm:0.1.4"
@@ -8201,6 +9505,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-indent@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "detect-indent@npm:6.1.0"
+  checksum: ab953a73c72dbd4e8fc68e4ed4bfd92c97eb6c43734af3900add963fd3a9316f3bc0578b018b24198d4c31a358571eff5f0656e81a1f3b9ad5c547d58b2d093d
+  languageName: node
+  linkType: hard
+
 "detect-libc@npm:^1.0.3":
   version: 1.0.3
   resolution: "detect-libc@npm:1.0.3"
@@ -8401,6 +9712,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dset@npm:^3.1.0":
+  version: 3.1.2
+  resolution: "dset@npm:3.1.2"
+  checksum: 4f8066f517aa0a70af688c66e9a0a5590f0aada76f6edc7ba9ddb309e27d3a6d65c0a2e31ab2a84005d4c791e5327773cdde59b8ab169050330a0dc283663e87
+  languageName: node
+  linkType: hard
+
 "duplexer3@npm:^0.1.4":
   version: 0.1.4
   resolution: "duplexer3@npm:0.1.4"
@@ -8418,6 +9736,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ecdsa-sig-formatter@npm:1.0.11":
+  version: 1.0.11
+  resolution: "ecdsa-sig-formatter@npm:1.0.11"
+  dependencies:
+    safe-buffer: ^5.0.1
+  checksum: 207f9ab1c2669b8e65540bce29506134613dd5f122cccf1e6a560f4d63f2732d427d938f8481df175505aad94583bcb32c688737bb39a6df0625f903d6d93c03
+  languageName: node
+  linkType: hard
+
 "ee-first@npm:1.1.1":
   version: 1.1.1
   resolution: "ee-first@npm:1.1.1"
@@ -8432,6 +9759,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.4.118":
+  version: 1.4.134
+  resolution: "electron-to-chromium@npm:1.4.134"
+  checksum: e0b6052e742e581b2619816921c923c2c0db7bb7ca11da7a7f8c7de624e82cfd2b3905ea0ffc159383813e44c660bef2ebe78199e38787aa5e04a3c957ed30a3
+  languageName: node
+  linkType: hard
+
+"elegant-spinner@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "elegant-spinner@npm:1.0.1"
+  checksum: d6a773d950c5d403b5f0fa402787e37dde99989ab6c943558fe8491cf7cd0df0e2747a9ff4d391d5a5f20a447cc9e9a63bdc956354ba47bea462f1603a5b04fe
+  languageName: node
+  linkType: hard
+
 "elliptic@npm:6.5.4, elliptic@npm:^6.4.0, elliptic@npm:^6.5.2, elliptic@npm:^6.5.3, elliptic@npm:^6.5.4":
   version: 6.5.4
   resolution: "elliptic@npm:6.5.4"
@@ -10059,6 +11400,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"extract-files@npm:^11.0.0":
+  version: 11.0.0
+  resolution: "extract-files@npm:11.0.0"
+  checksum: 39ebd92772e9a1e30d1e3112fb7db85d353c8243640635668b615ac1d605ceb79fbb13d17829dd308993ef37bb189ad99817f79ab164ae95c9bb3df9f440bd16
+  languageName: node
+  linkType: hard
+
 "extract-files@npm:^9.0.0":
   version: 9.0.0
   resolution: "extract-files@npm:9.0.0"
@@ -10139,6 +11487,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fb-watchman@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "fb-watchman@npm:2.0.1"
+  dependencies:
+    bser: 2.1.1
+  checksum: 8510230778ab3a51c27dffb1b76ef2c24fab672a42742d3c0a45c2e9d1e5f20210b1fbca33486088da4a9a3958bde96b5aec0a63aac9894b4e9df65c88b2cbd6
+  languageName: node
+  linkType: hard
+
+"fbjs-css-vars@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "fbjs-css-vars@npm:1.0.2"
+  checksum: 72baf6d22c45b75109118b4daecb6c8016d4c83c8c0f23f683f22e9d7c21f32fff6201d288df46eb561e3c7d4bb4489b8ad140b7f56444c453ba407e8bd28511
+  languageName: node
+  linkType: hard
+
+"fbjs@npm:^3.0.0":
+  version: 3.0.4
+  resolution: "fbjs@npm:3.0.4"
+  dependencies:
+    cross-fetch: ^3.1.5
+    fbjs-css-vars: ^1.0.0
+    loose-envify: ^1.0.0
+    object-assign: ^4.1.0
+    promise: ^7.1.1
+    setimmediate: ^1.0.5
+    ua-parser-js: ^0.7.30
+  checksum: 8b23a3550fcda8a9109fca9475a3416590c18bb6825ea884192864ed686f67fcd618e308a140c9e5444fbd0168732e1ff3c092ba3d0c0ae1768969f32ba280c7
+  languageName: node
+  linkType: hard
+
 "fetch-ponyfill@npm:^4.0.0":
   version: 4.1.0
   resolution: "fetch-ponyfill@npm:4.1.0"
@@ -10148,6 +11527,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"figures@npm:^1.7.0":
+  version: 1.7.0
+  resolution: "figures@npm:1.7.0"
+  dependencies:
+    escape-string-regexp: ^1.0.5
+    object-assign: ^4.1.0
+  checksum: d77206deba991a7977f864b8c8edf9b8b43b441be005482db04b0526e36263adbdb22c1c6d2df15a1ad78d12029bd1aa41ccebcb5d425e1f2cf629c6daaa8e10
+  languageName: node
+  linkType: hard
+
 "figures@npm:^2.0.0":
   version: 2.0.0
   resolution: "figures@npm:2.0.0"
@@ -10157,6 +11546,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"figures@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "figures@npm:3.2.0"
+  dependencies:
+    escape-string-regexp: ^1.0.5
+  checksum: 85a6ad29e9aca80b49b817e7c89ecc4716ff14e3779d9835af554db91bac41c0f289c418923519392a1e582b4d10482ad282021330cd045bb7b80c84152f2a2b
+  languageName: node
+  linkType: hard
+
 "file-entry-cache@npm:^5.0.1":
   version: 5.0.1
   resolution: "file-entry-cache@npm:5.0.1"
@@ -10408,6 +11806,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"form-data-encoder@npm:^1.7.1":
+  version: 1.7.2
+  resolution: "form-data-encoder@npm:1.7.2"
+  checksum: aeebd87a1cb009e13cbb5e4e4008e6202ed5f6551eb6d9582ba8a062005178907b90f4887899d3c993de879159b6c0c940af8196725b428b4248cec5af3acf5f
+  languageName: node
+  linkType: hard
+
 "form-data@npm:^2.2.0":
   version: 2.5.1
   resolution: "form-data@npm:2.5.1"
@@ -10452,6 +11857,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"formdata-node@npm:^4.3.1":
+  version: 4.3.2
+  resolution: "formdata-node@npm:4.3.2"
+  dependencies:
+    node-domexception: 1.0.0
+    web-streams-polyfill: 4.0.0-beta.1
+  checksum: e1d7aae7d579775b813ddc8ea4511fee613552715e81b36afb188d3a65b3d4df2ef69017106079ba52d9ab1e3367fea0206862d8ae64c02008ababdb341d2c3d
+  languageName: node
+  linkType: hard
+
 "forwarded@npm:0.2.0":
   version: 0.2.0
   resolution: "forwarded@npm:0.2.0"
@@ -10930,7 +12345,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:7.2.0, glob@npm:^7.0.0, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6, glob@npm:^7.2.0, glob@npm:~7.2.0":
+"glob@npm:7.2.0, glob@npm:^7.0.0, glob@npm:^7.1.1, glob@npm:^7.1.2, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6, glob@npm:^7.2.0, glob@npm:~7.2.0":
   version: 7.2.0
   resolution: "glob@npm:7.2.0"
   dependencies:
@@ -11035,7 +12450,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.0.4":
+"globby@npm:^11.0.3, globby@npm:^11.0.4":
   version: 11.1.0
   resolution: "globby@npm:11.1.0"
   dependencies:
@@ -11049,7 +12464,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"got@npm:9.6.0":
+"got@npm:9.6.0, got@npm:^9.6.0":
   version: 9.6.0
   resolution: "got@npm:9.6.0"
   dependencies:
@@ -11097,7 +12512,37 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graphql-request@npm:^4.2.0":
+"graphql-config@npm:^4.1.0":
+  version: 4.3.0
+  resolution: "graphql-config@npm:4.3.0"
+  dependencies:
+    "@endemolshinegroup/cosmiconfig-typescript-loader": 3.0.2
+    "@graphql-tools/graphql-file-loader": ^7.3.7
+    "@graphql-tools/json-file-loader": ^7.3.7
+    "@graphql-tools/load": ^7.5.5
+    "@graphql-tools/merge": ^8.2.6
+    "@graphql-tools/url-loader": ^7.9.7
+    "@graphql-tools/utils": ^8.6.5
+    cosmiconfig: 7.0.1
+    cosmiconfig-toml-loader: 1.0.0
+    minimatch: 4.2.1
+    string-env-interpolation: 1.0.1
+  peerDependencies:
+    graphql: ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: 4042ab2b40d99b42efb25be18403f9374c70ea013bda824409b6a59e2b4e251056c5c245d9d3785d47ee15cef5a9746622b95e4e2dd873124b920c9b705120e1
+  languageName: node
+  linkType: hard
+
+"graphql-executor@npm:0.0.23":
+  version: 0.0.23
+  resolution: "graphql-executor@npm:0.0.23"
+  peerDependencies:
+    graphql: ^15.0.0 || ^16.0.0
+  checksum: 22f19ba2d80d73be33246540a5f20c87c1acc53965ac9de05cca12b004f6183f8e4083198c55554f949cdbb0c748eedeb7b9cfc606aea09f30bc7135daa00464
+  languageName: node
+  linkType: hard
+
+"graphql-request@npm:^4.0.0, graphql-request@npm:^4.2.0":
   version: 4.2.0
   resolution: "graphql-request@npm:4.2.0"
   dependencies:
@@ -11110,6 +12555,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"graphql-tag@npm:^2.11.0":
+  version: 2.12.6
+  resolution: "graphql-tag@npm:2.12.6"
+  dependencies:
+    tslib: ^2.1.0
+  peerDependencies:
+    graphql: ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+  checksum: b15162a3d62f17b9b79302445b9ee330e041582f1c7faca74b9dec5daa74272c906ec1c34e1c50592bb6215e5c3eba80a309103f6ba9e4c1cddc350c46f010df
+  languageName: node
+  linkType: hard
+
+"graphql-ws@npm:^5.4.1":
+  version: 5.8.1
+  resolution: "graphql-ws@npm:5.8.1"
+  peerDependencies:
+    graphql: ">=0.11 <=16"
+  checksum: 0e8d08a1155204655510f8dc902f295ae5494cf01390c87226cef8d9b460fac5101ec96802ccf056d479d7e57a2a6b575fc4769b2123ae330396ac1d44912a8a
+  languageName: node
+  linkType: hard
+
 "graphql@npm:^16.4.0":
   version: 16.4.0
   resolution: "graphql@npm:16.4.0"
@@ -11481,6 +12946,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"header-case@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "header-case@npm:2.0.4"
+  dependencies:
+    capital-case: ^1.0.4
+    tslib: ^2.0.3
+  checksum: 571c83eeb25e8130d172218712f807c0b96d62b020981400bccc1503a7cf14b09b8b10498a962d2739eccf231d950e3848ba7d420b58a6acd2f9283439546cd9
+  languageName: node
+  linkType: hard
+
 "heap@npm:0.2.6":
   version: 0.2.6
   resolution: "heap@npm:0.2.6"
@@ -11832,6 +13307,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"immutable@npm:~3.7.6":
+  version: 3.7.6
+  resolution: "immutable@npm:3.7.6"
+  checksum: 8cccfb22d3ecf14fe0c474612e96d6bb5d117493e7639fe6642fb81e78c9ac4b698dd8a322c105001a709ad873ffc90e30bad7db5d9a3ef0b54a6e1db0258e8e
+  languageName: node
+  linkType: hard
+
 "import-fresh@npm:^2.0.0":
   version: 2.0.0
   resolution: "import-fresh@npm:2.0.0"
@@ -11852,6 +13334,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"import-from@npm:4.0.0":
+  version: 4.0.0
+  resolution: "import-from@npm:4.0.0"
+  checksum: 1fa29c05b048da18914e91d9a529e5d9b91774bebbfab10e53f59bcc1667917672b971cf102fee857f142e5e433ce69fa1f0a596e1c7d82f9947a5ec352694b9
+  languageName: node
+  linkType: hard
+
 "imul@npm:^1.0.0":
   version: 1.0.1
   resolution: "imul@npm:1.0.1"
@@ -11866,6 +13355,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"indent-string@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "indent-string@npm:3.2.0"
+  checksum: a0b72603bba6c985d367fda3a25aad16423d2056b22a7e83ee2dd9ce0ce3d03d1e078644b679087aa7edf1cfb457f0d96d9eeadc0b12f38582088cc00e995d2f
+  languageName: node
+  linkType: hard
+
 "indent-string@npm:^4.0.0":
   version: 4.0.0
   resolution: "indent-string@npm:4.0.0"
@@ -11897,7 +13393,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ini@npm:^1.3.2, ini@npm:^1.3.4, ini@npm:^1.3.5":
+"ini@npm:^1.3.2, ini@npm:^1.3.4, ini@npm:^1.3.5, ini@npm:~1.3.0":
   version: 1.3.8
   resolution: "ini@npm:1.3.8"
   checksum: dfd98b0ca3a4fc1e323e38a6c8eb8936e31a97a918d3b377649ea15bdb15d481207a0dda1021efbd86b464cae29a0d33c1d7dcaf6c5672bee17fa849bc50a1b3
@@ -11925,6 +13421,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"inquirer@npm:^8.0.0":
+  version: 8.2.4
+  resolution: "inquirer@npm:8.2.4"
+  dependencies:
+    ansi-escapes: ^4.2.1
+    chalk: ^4.1.1
+    cli-cursor: ^3.1.0
+    cli-width: ^3.0.0
+    external-editor: ^3.0.3
+    figures: ^3.0.0
+    lodash: ^4.17.21
+    mute-stream: 0.0.8
+    ora: ^5.4.1
+    run-async: ^2.4.0
+    rxjs: ^7.5.5
+    string-width: ^4.1.0
+    strip-ansi: ^6.0.0
+    through: ^2.3.6
+    wrap-ansi: ^7.0.0
+  checksum: dfcb6529d3af443dfea2241cb471508091b51f5121a088fdb8728b23ec9b349ef0a5e13a0ef2c8e19457b0bed22f7cbbcd561f7a4529d084c562a58c605e2655
+  languageName: node
+  linkType: hard
+
 "internal-slot@npm:^1.0.3":
   version: 1.0.3
   resolution: "internal-slot@npm:1.0.3"
@@ -11943,7 +13462,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"invariant@npm:2.2.4, invariant@npm:^2.2.2":
+"invariant@npm:2.2.4, invariant@npm:^2.2.2, invariant@npm:^2.2.4":
   version: 2.2.4
   resolution: "invariant@npm:2.2.4"
   dependencies:
@@ -11982,6 +13501,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-absolute@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-absolute@npm:1.0.0"
+  dependencies:
+    is-relative: ^1.0.0
+    is-windows: ^1.0.1
+  checksum: 9d16b2605eda3f3ce755410f1d423e327ad3a898bcb86c9354cf63970ed3f91ba85e9828aa56f5d6a952b9fae43d0477770f78d37409ae8ecc31e59ebc279b27
+  languageName: node
+  linkType: hard
+
 "is-accessor-descriptor@npm:^0.1.6":
   version: 0.1.6
   resolution: "is-accessor-descriptor@npm:0.1.6"
@@ -12227,7 +13756,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
+"is-glob@npm:4.0.3, is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
   version: 4.0.3
   resolution: "is-glob@npm:4.0.3"
   dependencies:
@@ -12243,6 +13772,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-interactive@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-interactive@npm:1.0.0"
+  checksum: 824808776e2d468b2916cdd6c16acacebce060d844c35ca6d82267da692e92c3a16fdba624c50b54a63f38bdc4016055b6f443ce57d7147240de4f8cdabaf6f9
+  languageName: node
+  linkType: hard
+
 "is-json@npm:^2.0.1":
   version: 2.0.1
   resolution: "is-json@npm:2.0.1"
@@ -12257,6 +13793,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-lower-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "is-lower-case@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: ba57dd1201e15fd9b590654736afccf1b3b68e919f40c23ef13b00ebcc639b1d9c2f81fe86415bff3e8eccffec459786c9ac9dc8f3a19cfa4484206c411c1d7d
+  languageName: node
+  linkType: hard
+
 "is-negative-zero@npm:^2.0.2":
   version: 2.0.2
   resolution: "is-negative-zero@npm:2.0.2"
@@ -12310,6 +13855,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-observable@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "is-observable@npm:1.1.0"
+  dependencies:
+    symbol-observable: ^1.1.0
+  checksum: ab3d7e740915e6b53a81d96ce7d581f4dd26dacceb95278b74e7bf3123221073ea02cde810f864cff94ed5c394f18248deefd6a8f2d40137d868130eb5be6f85
+  languageName: node
+  linkType: hard
+
 "is-plain-obj@npm:^1.1.0":
   version: 1.1.0
   resolution: "is-plain-obj@npm:1.1.0"
@@ -12333,6 +13887,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-promise@npm:^2.1.0":
+  version: 2.2.2
+  resolution: "is-promise@npm:2.2.2"
+  checksum: 18bf7d1c59953e0ad82a1ed963fb3dc0d135c8f299a14f89a17af312fc918373136e56028e8831700e1933519630cc2fd4179a777030330fde20d34e96f40c78
+  languageName: node
+  linkType: hard
+
 "is-regex@npm:^1.0.4, is-regex@npm:^1.1.4, is-regex@npm:~1.1.4":
   version: 1.1.4
   resolution: "is-regex@npm:1.1.4"
@@ -12350,6 +13911,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-relative@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-relative@npm:1.0.0"
+  dependencies:
+    is-unc-path: ^1.0.0
+  checksum: 3271a0df109302ef5e14a29dcd5d23d9788e15ade91a40b942b035827ffbb59f7ce9ff82d036ea798541a52913cbf9d2d0b66456340887b51f3542d57b5a4c05
+  languageName: node
+  linkType: hard
+
 "is-retry-allowed@npm:^1.0.0":
   version: 1.2.0
   resolution: "is-retry-allowed@npm:1.2.0"
@@ -12366,7 +13936,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-stream@npm:^1.0.0":
+"is-stream@npm:^1.0.0, is-stream@npm:^1.1.0":
   version: 1.1.0
   resolution: "is-stream@npm:1.1.0"
   checksum: 063c6bec9d5647aa6d42108d4c59723d2bd4ae42135a2d4db6eadbd49b7ea05b750fd69d279e5c7c45cf9da753ad2c00d8978be354d65aa9f6bb434969c6a2ae
@@ -12427,6 +13997,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-unc-path@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "is-unc-path@npm:1.0.0"
+  dependencies:
+    unc-path-regex: ^0.1.2
+  checksum: e8abfde203f7409f5b03a5f1f8636e3a41e78b983702ef49d9343eb608cdfe691429398e8815157519b987b739bcfbc73ae7cf4c8582b0ab66add5171088eab6
+  languageName: node
+  linkType: hard
+
 "is-unicode-supported@npm:^0.1.0":
   version: 0.1.0
   resolution: "is-unicode-supported@npm:0.1.0"
@@ -12434,6 +14013,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-upper-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "is-upper-case@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: cf4fd43c00c2e72cd5cff911923070b89f0933b464941bd782e2315385f80b5a5acd772db3b796542e5e3cfed735f4dffd88c54d62db1ebfc5c3daa7b1af2bc6
+  languageName: node
+  linkType: hard
+
 "is-url@npm:^1.2.4":
   version: 1.2.4
   resolution: "is-url@npm:1.2.4"
@@ -12457,7 +14045,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-windows@npm:^1.0.2":
+"is-windows@npm:^1.0.1, is-windows@npm:^1.0.2":
   version: 1.0.2
   resolution: "is-windows@npm:1.0.2"
   checksum: 438b7e52656fe3b9b293b180defb4e448088e7023a523ec21a91a80b9ff8cdb3377ddb5b6e60f7c7de4fa8b63ab56e121b6705fe081b3cf1b828b0a380009ad7
@@ -12510,6 +14098,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"isomorphic-fetch@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "isomorphic-fetch@npm:3.0.0"
+  dependencies:
+    node-fetch: ^2.6.1
+    whatwg-fetch: ^3.4.1
+  checksum: e5ab79a56ce5af6ddd21265f59312ad9a4bc5a72cebc98b54797b42cb30441d5c5f8d17c5cd84a99e18101c8af6f90c081ecb8d12fd79e332be1778d58486d75
+  languageName: node
+  linkType: hard
+
+"isomorphic-ws@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "isomorphic-ws@npm:4.0.1"
+  peerDependencies:
+    ws: "*"
+  checksum: d7190eadefdc28bdb93d67b5f0c603385aaf87724fa2974abb382ac1ec9756ed2cfb27065cbe76122879c2d452e2982bc4314317f3d6c737ddda6c047328771a
+  languageName: node
+  linkType: hard
+
 "isstream@npm:~0.1.2":
   version: 0.1.2
   resolution: "isstream@npm:0.1.2"
@@ -12590,7 +14197,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-yaml@npm:4.1.0, js-yaml@npm:^4.1.0":
+"js-yaml@npm:4.1.0, js-yaml@npm:^4.0.0, js-yaml@npm:^4.1.0":
   version: 4.1.0
   resolution: "js-yaml@npm:4.1.0"
   dependencies:
@@ -12737,6 +14344,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-to-pretty-yaml@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "json-to-pretty-yaml@npm:1.2.2"
+  dependencies:
+    remedial: ^1.0.7
+    remove-trailing-spaces: ^1.0.6
+  checksum: 4b78480f426e176e5fdac073e05877683bb026f1175deb52d0941b992f9c91a58a812c020f00aa67ba1fc7cadb220539a264146f222e48a48c8bb2a0931cac9b
+  languageName: node
+  linkType: hard
+
 "json5@npm:^0.5.1":
   version: 0.5.1
   resolution: "json5@npm:0.5.1"
@@ -12824,6 +14441,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsonwebtoken@npm:^8.5.1":
+  version: 8.5.1
+  resolution: "jsonwebtoken@npm:8.5.1"
+  dependencies:
+    jws: ^3.2.2
+    lodash.includes: ^4.3.0
+    lodash.isboolean: ^3.0.3
+    lodash.isinteger: ^4.0.4
+    lodash.isnumber: ^3.0.3
+    lodash.isplainobject: ^4.0.6
+    lodash.isstring: ^4.0.1
+    lodash.once: ^4.0.0
+    ms: ^2.1.1
+    semver: ^5.6.0
+  checksum: 93c9e3f23c59b758ac88ba15f4e4753b3749dfce7a6f7c40fb86663128a1e282db085eec852d4e0cbca4cefdcd3a8275ee255dbd08fcad0df26ad9f6e4cc853a
+  languageName: node
+  linkType: hard
+
 "jsprim@npm:^1.2.2":
   version: 1.4.2
   resolution: "jsprim@npm:1.4.2"
@@ -12846,6 +14481,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jwa@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "jwa@npm:1.4.1"
+  dependencies:
+    buffer-equal-constant-time: 1.0.1
+    ecdsa-sig-formatter: 1.0.11
+    safe-buffer: ^5.0.1
+  checksum: ff30ea7c2dcc61f3ed2098d868bf89d43701605090c5b21b5544b512843ec6fd9e028381a4dda466cbcdb885c2d1150f7c62e7168394ee07941b4098e1035e2f
+  languageName: node
+  linkType: hard
+
+"jws@npm:^3.2.2":
+  version: 3.2.2
+  resolution: "jws@npm:3.2.2"
+  dependencies:
+    jwa: ^1.4.1
+    safe-buffer: ^5.0.1
+  checksum: f0213fe5b79344c56cd443428d8f65c16bf842dc8cb8f5aed693e1e91d79c20741663ad6eff07a6d2c433d1831acc9814e8d7bada6a0471fbb91d09ceb2bf5c2
+  languageName: node
+  linkType: hard
+
 "keccak@npm:3.0.1":
   version: 3.0.1
   resolution: "keccak@npm:3.0.1"
@@ -12957,6 +14613,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"latest-version@npm:5.1.0":
+  version: 5.1.0
+  resolution: "latest-version@npm:5.1.0"
+  dependencies:
+    package-json: ^6.3.0
+  checksum: fbc72b071eb66c40f652441fd783a9cca62f08bf42433651937f078cd9ef94bf728ec7743992777826e4e89305aef24f234b515e6030503a2cbee7fc9bdc2c0f
+  languageName: node
+  linkType: hard
+
 "lcid@npm:^1.0.0":
   version: 1.0.0
   resolution: "lcid@npm:1.0.0"
@@ -13260,6 +14925,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"listr-silent-renderer@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "listr-silent-renderer@npm:1.1.1"
+  checksum: 81982612e4d207be2e69c4dcf2a6e0aaa6080e41bfe0b73e8d0b040dcdb79874248b1040558793a2f0fcc9c2252ec8af47379650f59bf2a7656c11cd5a48c948
+  languageName: node
+  linkType: hard
+
+"listr-update-renderer@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "listr-update-renderer@npm:0.5.0"
+  dependencies:
+    chalk: ^1.1.3
+    cli-truncate: ^0.2.1
+    elegant-spinner: ^1.0.1
+    figures: ^1.7.0
+    indent-string: ^3.0.0
+    log-symbols: ^1.0.2
+    log-update: ^2.3.0
+    strip-ansi: ^3.0.1
+  peerDependencies:
+    listr: ^0.14.2
+  checksum: 2dddc763837a9086a684545ee9049fcb102d423b0c840ad929471ab461075ed78d5c79f1e8334cd7a76aa9076e7631c04a38733bb4d88c23ca6082c087335864
+  languageName: node
+  linkType: hard
+
+"listr-verbose-renderer@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "listr-verbose-renderer@npm:0.5.0"
+  dependencies:
+    chalk: ^2.4.1
+    cli-cursor: ^2.1.0
+    date-fns: ^1.27.2
+    figures: ^2.0.0
+  checksum: 3e504be729f9dd15b40db743e403673b76331774411dbc29d6f48136f6ba8bc1dee645a4e621c1cb781e6e69a58b78cb9aa8c153c7ceccfe4e4ea74d563bca3a
+  languageName: node
+  linkType: hard
+
 "listr2@npm:^3.12.2":
   version: 3.14.0
   resolution: "listr2@npm:3.14.0"
@@ -13281,6 +14983,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"listr@npm:^0.14.3":
+  version: 0.14.3
+  resolution: "listr@npm:0.14.3"
+  dependencies:
+    "@samverschueren/stream-to-observable": ^0.3.0
+    is-observable: ^1.1.0
+    is-promise: ^2.1.0
+    is-stream: ^1.1.0
+    listr-silent-renderer: ^1.1.1
+    listr-update-renderer: ^0.5.0
+    listr-verbose-renderer: ^0.5.0
+    p-map: ^2.0.0
+    rxjs: ^6.3.3
+  checksum: 932d69430c2bed2f987c53b2ea2070786187de29bc4a9fa8e93fdfdf2390d7c0ff9415eb1b31136f76b134cbb930fb18af039fc341263a02b107abc6d2c31a00
+  languageName: node
+  linkType: hard
+
 "lmdb@npm:2.2.4":
   version: 2.2.4
   resolution: "lmdb@npm:2.2.4"
@@ -13404,6 +15123,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.includes@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "lodash.includes@npm:4.3.0"
+  checksum: 71092c130515a67ab3bd928f57f6018434797c94def7f46aafa417771e455ce3a4834889f4267b17887d7f75297dfabd96231bf704fd2b8c5096dc4a913568b6
+  languageName: node
+  linkType: hard
+
+"lodash.isboolean@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "lodash.isboolean@npm:3.0.3"
+  checksum: b70068b4a8b8837912b54052557b21fc4774174e3512ed3c5b94621e5aff5eb6c68089d0a386b7e801d679cd105d2e35417978a5e99071750aa2ed90bffd0250
+  languageName: node
+  linkType: hard
+
+"lodash.isinteger@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "lodash.isinteger@npm:4.0.4"
+  checksum: 6034821b3fc61a2ffc34e7d5644bb50c5fd8f1c0121c554c21ac271911ee0c0502274852845005f8651d51e199ee2e0cfebfe40aaa49c7fe617f603a8a0b1691
+  languageName: node
+  linkType: hard
+
 "lodash.ismatch@npm:^4.4.0":
   version: 4.4.0
   resolution: "lodash.ismatch@npm:4.4.0"
@@ -13411,6 +15151,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.isnumber@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "lodash.isnumber@npm:3.0.3"
+  checksum: 913784275b565346255e6ae6a6e30b760a0da70abc29f3e1f409081585875105138cda4a429ff02577e1bc0a7ae2a90e0a3079a37f3a04c3d6c5aaa532f4cab2
+  languageName: node
+  linkType: hard
+
+"lodash.isplainobject@npm:^4.0.6":
+  version: 4.0.6
+  resolution: "lodash.isplainobject@npm:4.0.6"
+  checksum: 29c6351f281e0d9a1d58f1a4c8f4400924b4c79f18dfc4613624d7d54784df07efaff97c1ff2659f3e085ecf4fff493300adc4837553104cef2634110b0d5337
+  languageName: node
+  linkType: hard
+
+"lodash.isstring@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "lodash.isstring@npm:4.0.1"
+  checksum: eaac87ae9636848af08021083d796e2eea3d02e80082ab8a9955309569cb3a463ce97fd281d7dc119e402b2e7d8c54a23914b15d2fc7fff56461511dc8937ba0
+  languageName: node
+  linkType: hard
+
 "lodash.memoize@npm:^4.1.2":
   version: 4.1.2
   resolution: "lodash.memoize@npm:4.1.2"
@@ -13425,6 +15186,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.once@npm:^4.0.0":
+  version: 4.1.1
+  resolution: "lodash.once@npm:4.1.1"
+  checksum: d768fa9f9b4e1dc6453be99b753906f58990e0c45e7b2ca5a3b40a33111e5d17f6edf2f768786e2716af90a8e78f8f91431ab8435f761fef00f9b0c256f6d245
+  languageName: node
+  linkType: hard
+
 "lodash.throttle@npm:^4.1.1":
   version: 4.1.1
   resolution: "lodash.throttle@npm:4.1.1"
@@ -13446,7 +15214,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.11, lodash@npm:^4.17.12, lodash@npm:^4.17.14, lodash@npm:^4.17.15, lodash@npm:^4.17.19, lodash@npm:^4.17.20, lodash@npm:^4.17.21, lodash@npm:^4.17.4":
+"lodash@npm:^4.17.11, lodash@npm:^4.17.12, lodash@npm:^4.17.14, lodash@npm:^4.17.15, lodash@npm:^4.17.19, lodash@npm:^4.17.20, lodash@npm:^4.17.21, lodash@npm:^4.17.4, lodash@npm:~4.17.0":
   version: 4.17.21
   resolution: "lodash@npm:4.17.21"
   checksum: eb835a2e51d381e561e508ce932ea50a8e5a68f4ebdd771ea240d3048244a8d13658acbd502cd4829768c56f2e16bdd4340b9ea141297d472517b83868e677f7
@@ -13462,7 +15230,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"log-symbols@npm:4.1.0":
+"log-symbols@npm:4.1.0, log-symbols@npm:^4.0.0, log-symbols@npm:^4.1.0":
   version: 4.1.0
   resolution: "log-symbols@npm:4.1.0"
   dependencies:
@@ -13472,6 +15240,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"log-symbols@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "log-symbols@npm:1.0.2"
+  dependencies:
+    chalk: ^1.0.0
+  checksum: 5214ade9381db5d40528c171fdfd459b75cad7040eb6a347294ae47fa80cfebba4adbc3aa73a1c9da744cbfa240dd93b38f80df8615717affeea6c4bb6b8dfe7
+  languageName: node
+  linkType: hard
+
+"log-update@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "log-update@npm:2.3.0"
+  dependencies:
+    ansi-escapes: ^3.0.0
+    cli-cursor: ^2.0.0
+    wrap-ansi: ^3.0.1
+  checksum: 84fd8e93bfc316eb6ca479a37743f2edcb7563fe5b9161205ce2980f0b3c822717b8f8f1871369697fcb0208521d7b8d00750c594edc3f8a8273dd8b48dd14a3
+  languageName: node
+  linkType: hard
+
 "log-update@npm:^4.0.0":
   version: 4.0.0
   resolution: "log-update@npm:4.0.0"
@@ -13518,6 +15306,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lower-case-first@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "lower-case-first@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 33e3da1098ddda219ce125d4ab7a78a944972c0ee8872e95b6ccc35df8ad405284ab233b0ba4d72315ad1a06fe2f0d418ee4cba9ec1ef1c386dea78899fc8958
+  languageName: node
+  linkType: hard
+
 "lower-case@npm:^2.0.2":
   version: 2.0.2
   resolution: "lower-case@npm:2.0.2"
@@ -13646,7 +15443,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"map-cache@npm:^0.2.2":
+"map-cache@npm:^0.2.0, map-cache@npm:^0.2.2":
   version: 0.2.2
   resolution: "map-cache@npm:0.2.2"
   checksum: 3067cea54285c43848bb4539f978a15dedc63c03022abeec6ef05c8cb6829f920f13b94bcaf04142fc6a088318e564c4785704072910d120d55dbc2e0c421969
@@ -13875,6 +15672,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"meros@npm:^1.1.4":
+  version: 1.2.0
+  resolution: "meros@npm:1.2.0"
+  peerDependencies:
+    "@types/node": ">=12"
+  peerDependenciesMeta:
+    "@types/node":
+      optional: true
+  checksum: 95ec2dc352ad4ffe7a8572676d0399e8cfe67bb3ebe03ce5b03ebb4d990527994528260ff47a7efedc1348a8ee46bfe782564127bd1566d4790e1189b0a1ed29
+  languageName: node
+  linkType: hard
+
 "methods@npm:~1.1.2":
   version: 1.1.2
   resolution: "methods@npm:1.1.2"
@@ -14026,7 +15835,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:4.2.1":
+"minimatch@npm:4.2.1, minimatch@npm:^4.0.0":
   version: 4.2.1
   resolution: "minimatch@npm:4.2.1"
   dependencies:
@@ -14285,6 +16094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"moment@npm:^2.29.3":
+  version: 2.29.3
+  resolution: "moment@npm:2.29.3"
+  checksum: 2e780e36d9a1823c08a1b6313cbb08bd01ecbb2a9062095820a34f42c878991ccba53abaa6abb103fd5c01e763724f295162a8c50b7e95b4f1c992ef0772d3f0
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"
@@ -14477,6 +16293,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mute-stream@npm:0.0.8":
+  version: 0.0.8
+  resolution: "mute-stream@npm:0.0.8"
+  checksum: ff48d251fc3f827e5b1206cda0ffdaec885e56057ee86a3155e1951bc940fd5f33531774b1cc8414d7668c10a8907f863f6561875ee6e8768931a62121a531a1
+  languageName: node
+  linkType: hard
+
 "nan@npm:^2.14.2":
   version: 2.15.0
   resolution: "nan@npm:2.15.0"
@@ -14593,6 +16416,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-domexception@npm:1.0.0":
+  version: 1.0.0
+  resolution: "node-domexception@npm:1.0.0"
+  checksum: ee1d37dd2a4eb26a8a92cd6b64dfc29caec72bff5e1ed9aba80c294f57a31ba4895a60fd48347cf17dd6e766da0ae87d75657dfd1f384ebfa60462c2283f5c7f
+  languageName: node
+  linkType: hard
+
 "node-emoji@npm:^1.10.0":
   version: 1.11.0
   resolution: "node-emoji@npm:1.11.0"
@@ -14668,6 +16498,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-int64@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "node-int64@npm:0.4.0"
+  checksum: d0b30b1ee6d961851c60d5eaa745d30b5c95d94bc0e74b81e5292f7c42a49e3af87f1eb9e89f59456f80645d679202537de751b7d72e9e40ceea40c5e449057e
+  languageName: node
+  linkType: hard
+
 "node-releases@npm:^2.0.2":
   version: 2.0.3
   resolution: "node-releases@npm:2.0.3"
@@ -14675,6 +16512,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-releases@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "node-releases@npm:2.0.4"
+  checksum: b32d6c2032c7b169ae3938b416fc50f123f5bd577d54a79b2ae201febf27b22846b01c803dd35ac8689afe840f8ba4e5f7154723db629b80f359836b6707b92f
+  languageName: node
+  linkType: hard
+
 "nopt@npm:3.x":
   version: 3.0.6
   resolution: "nopt@npm:3.0.6"
@@ -14721,6 +16565,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"normalize-path@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "normalize-path@npm:2.1.1"
+  dependencies:
+    remove-trailing-separator: ^1.0.1
+  checksum: 7e9cbdcf7f5b8da7aa191fbfe33daf290cdcd8c038f422faf1b8a83c972bf7a6d94c5be34c4326cb00fb63bc0fd97d9fbcfaf2e5d6142332c2cd36d2e1b86cea
+  languageName: node
+  linkType: hard
+
 "normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
   version: 3.0.0
   resolution: "normalize-path@npm:3.0.0"
@@ -14887,7 +16740,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.assign@npm:^4.1.2":
+"object.assign@npm:^4.1.0, object.assign@npm:^4.1.2":
   version: 4.1.2
   resolution: "object.assign@npm:4.1.2"
   dependencies:
@@ -15077,6 +16930,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ora@npm:^5.4.1":
+  version: 5.4.1
+  resolution: "ora@npm:5.4.1"
+  dependencies:
+    bl: ^4.1.0
+    chalk: ^4.1.0
+    cli-cursor: ^3.1.0
+    cli-spinners: ^2.5.0
+    is-interactive: ^1.0.0
+    is-unicode-supported: ^0.1.0
+    log-symbols: ^4.1.0
+    strip-ansi: ^6.0.0
+    wcwidth: ^1.0.1
+  checksum: 28d476ee6c1049d68368c0dc922e7225e3b5600c3ede88fade8052837f9ed342625fdaa84a6209302587c8ddd9b664f71f0759833cbdb3a4cf81344057e63c63
+  languageName: node
+  linkType: hard
+
 "ordered-binary@npm:^1.2.4":
   version: 1.2.5
   resolution: "ordered-binary@npm:1.2.5"
@@ -15128,6 +16998,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-limit@npm:3.1.0, p-limit@npm:^3.0.2":
+  version: 3.1.0
+  resolution: "p-limit@npm:3.1.0"
+  dependencies:
+    yocto-queue: ^0.1.0
+  checksum: 7c3690c4dbf62ef625671e20b7bdf1cbc9534e83352a2780f165b0d3ceba21907e77ad63401708145ca4e25bfc51636588d89a8c0aeb715e6c37d1c066430360
+  languageName: node
+  linkType: hard
+
 "p-limit@npm:^1.1.0":
   version: 1.3.0
   resolution: "p-limit@npm:1.3.0"
@@ -15146,15 +17025,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-limit@npm:^3.0.2":
-  version: 3.1.0
-  resolution: "p-limit@npm:3.1.0"
-  dependencies:
-    yocto-queue: ^0.1.0
-  checksum: 7c3690c4dbf62ef625671e20b7bdf1cbc9534e83352a2780f165b0d3ceba21907e77ad63401708145ca4e25bfc51636588d89a8c0aeb715e6c37d1c066430360
-  languageName: node
-  linkType: hard
-
 "p-locate@npm:^2.0.0":
   version: 2.0.0
   resolution: "p-locate@npm:2.0.0"
@@ -15191,6 +17061,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-map@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "p-map@npm:2.1.0"
+  checksum: 9e3ad3c9f6d75a5b5661bcad78c91f3a63849189737cd75e4f1225bf9ac205194e5c44aac2ef6f09562b1facdb9bd1425584d7ac375bfaa17b3f1a142dab936d
+  languageName: node
+  linkType: hard
+
 "p-map@npm:^4.0.0":
   version: 4.0.0
   resolution: "p-map@npm:4.0.0"
@@ -15223,6 +17100,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"package-json@npm:^6.3.0":
+  version: 6.5.0
+  resolution: "package-json@npm:6.5.0"
+  dependencies:
+    got: ^9.6.0
+    registry-auth-token: ^4.0.0
+    registry-url: ^5.0.0
+    semver: ^6.2.0
+  checksum: cc9f890d3667d7610e6184decf543278b87f657d1ace0deb4a9c9155feca738ef88f660c82200763d3348010f4e42e9c7adc91e96ab0f86a770955995b5351e2
+  languageName: node
+  linkType: hard
+
 "param-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "param-case@npm:3.0.4"
@@ -15310,6 +17199,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parse-filepath@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "parse-filepath@npm:1.0.2"
+  dependencies:
+    is-absolute: ^1.0.0
+    map-cache: ^0.2.0
+    path-root: ^0.1.1
+  checksum: 6794c3f38d3921f0f7cc63fb1fb0c4d04cd463356ad389c8ce6726d3c50793b9005971f4138975a6d7025526058d5e65e9bfe634d0765e84c4e2571152665a69
+  languageName: node
+  linkType: hard
+
 "parse-headers@npm:^2.0.0":
   version: 2.0.5
   resolution: "parse-headers@npm:2.0.5"
@@ -15424,6 +17324,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "path-case@npm:3.0.4"
+  dependencies:
+    dot-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: 61de0526222629f65038a66f63330dd22d5b54014ded6636283e1d15364da38b3cf29e4433aa3f9d8b0dba407ae2b059c23b0104a34ee789944b1bc1c5c7e06d
+  languageName: node
+  linkType: hard
+
 "path-exists@npm:^2.0.0":
   version: 2.1.0
   resolution: "path-exists@npm:2.1.0"
@@ -15482,6 +17392,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-root-regex@npm:^0.1.0":
+  version: 0.1.2
+  resolution: "path-root-regex@npm:0.1.2"
+  checksum: dcd75d1f8e93faabe35a58e875b0f636839b3658ff2ad8c289463c40bc1a844debe0dab73c3398ef9dc8f6ec6c319720aff390cf4633763ddcf3cf4b1bbf7e8b
+  languageName: node
+  linkType: hard
+
+"path-root@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "path-root@npm:0.1.1"
+  dependencies:
+    path-root-regex: ^0.1.0
+  checksum: ff88aebfc1c59ace510cc06703d67692a11530989920427625e52b66a303ca9b3d4059b0b7d0b2a73248d1ad29bcb342b8b786ec00592f3101d38a45fd3b2e08
+  languageName: node
+  linkType: hard
+
 "path-to-regexp@npm:0.1.7":
   version: 0.1.7
   resolution: "path-to-regexp@npm:0.1.7"
@@ -15895,6 +17821,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"promise@npm:^7.1.1":
+  version: 7.3.1
+  resolution: "promise@npm:7.3.1"
+  dependencies:
+    asap: ~2.0.3
+  checksum: 475bb069130179fbd27ed2ab45f26d8862376a137a57314cf53310bdd85cc986a826fd585829be97ebc0aaf10e9d8e68be1bfe5a4a0364144b1f9eedfa940cf1
+  languageName: node
+  linkType: hard
+
 "promise@npm:^8.0.0":
   version: 8.1.0
   resolution: "promise@npm:8.1.0"
@@ -16264,6 +18199,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rc@npm:^1.2.8":
+  version: 1.2.8
+  resolution: "rc@npm:1.2.8"
+  dependencies:
+    deep-extend: ^0.6.0
+    ini: ~1.3.0
+    minimist: ^1.2.0
+    strip-json-comments: ~2.0.1
+  bin:
+    rc: ./cli.js
+  checksum: 2e26e052f8be2abd64e6d1dabfbd7be03f80ec18ccbc49562d31f617d0015fbdbcf0f9eed30346ea6ab789e0fdfe4337f033f8016efdbee0df5354751842080e
+  languageName: node
+  linkType: hard
+
 "react-blockies@npm:^1.4.1":
   version: 1.4.1
   resolution: "react-blockies@npm:1.4.1"
@@ -16275,6 +18224,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-chartjs-2@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "react-chartjs-2@npm:4.1.0"
+  peerDependencies:
+    chart.js: ^3.5.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: fe01bdaf80c8a806af36e772719f420862e15e393a32c4c15b0e5fb8167143648e3f465b1b3ee8c4889f9531fff6ad6d34832606029ebf7d2751729198eb6121
+  languageName: node
+  linkType: hard
+
 "react-dom@npm:^17.0.2":
   version: 17.0.2
   resolution: "react-dom@npm:17.0.2"
@@ -16655,6 +18614,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"registry-auth-token@npm:^4.0.0":
+  version: 4.2.1
+  resolution: "registry-auth-token@npm:4.2.1"
+  dependencies:
+    rc: ^1.2.8
+  checksum: aa72060b573a50607cfd2dee16d0e51e13ca58b6a80442e74545325dc24d2c38896e6bad229bdcc1fc9759fa81b4066be8693d4d6f45927318e7c793a93e9cd0
+  languageName: node
+  linkType: hard
+
+"registry-url@npm:^5.0.0":
+  version: 5.1.0
+  resolution: "registry-url@npm:5.1.0"
+  dependencies:
+    rc: ^1.2.8
+  checksum: bcea86c84a0dbb66467b53187fadebfea79017cddfb4a45cf27530d7275e49082fe9f44301976eb0164c438e395684bcf3dae4819b36ff9d1640d8cc60c73df9
+  languageName: node
+  linkType: hard
+
 "regjsgen@npm:^0.2.0":
   version: 0.2.0
   resolution: "regjsgen@npm:0.2.0"
@@ -16680,6 +18657,53 @@ __metadata:
   languageName: node
   linkType: hard
 
+"relay-compiler@npm:12.0.0":
+  version: 12.0.0
+  resolution: "relay-compiler@npm:12.0.0"
+  dependencies:
+    "@babel/core": ^7.14.0
+    "@babel/generator": ^7.14.0
+    "@babel/parser": ^7.14.0
+    "@babel/runtime": ^7.0.0
+    "@babel/traverse": ^7.14.0
+    "@babel/types": ^7.0.0
+    babel-preset-fbjs: ^3.4.0
+    chalk: ^4.0.0
+    fb-watchman: ^2.0.0
+    fbjs: ^3.0.0
+    glob: ^7.1.1
+    immutable: ~3.7.6
+    invariant: ^2.2.4
+    nullthrows: ^1.1.1
+    relay-runtime: 12.0.0
+    signedsource: ^1.0.0
+    yargs: ^15.3.1
+  peerDependencies:
+    graphql: ^15.0.0
+  bin:
+    relay-compiler: bin/relay-compiler
+  checksum: 3a7245adda15b866893438474725834381046e04ddd209810ca6077364360da718131e97fa9cb651e8991da6e4b889c9a48af9fb85cea7311561a5120f9a4d60
+  languageName: node
+  linkType: hard
+
+"relay-runtime@npm:12.0.0":
+  version: 12.0.0
+  resolution: "relay-runtime@npm:12.0.0"
+  dependencies:
+    "@babel/runtime": ^7.0.0
+    fbjs: ^3.0.0
+    invariant: ^2.2.4
+  checksum: 51cdc8a5e04188982452ae4e7c6ac7d6375ee769130d24ce8e8f9cdd45aa7e11ecd68670f56e30dcee1b4974585e88ecce19e69a9868b80cda0db7678c3b8f0a
+  languageName: node
+  linkType: hard
+
+"remedial@npm:^1.0.7":
+  version: 1.0.8
+  resolution: "remedial@npm:1.0.8"
+  checksum: 12df7c55eb92501d7f33cfe5f5ad12be13bb6ac0c53f494aaa9963d5a5155bb8be2143e8d5e17afa1a500ef5dc71d13642920d35350f2a31b65a9778afab6869
+  languageName: node
+  linkType: hard
+
 "remove-accents@npm:0.4.2":
   version: 0.4.2
   resolution: "remove-accents@npm:0.4.2"
@@ -16687,6 +18711,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remove-trailing-separator@npm:^1.0.1":
+  version: 1.1.0
+  resolution: "remove-trailing-separator@npm:1.1.0"
+  checksum: d3c20b5a2d987db13e1cca9385d56ecfa1641bae143b620835ac02a6b70ab88f68f117a0021838db826c57b31373d609d52e4f31aca75fc490c862732d595419
+  languageName: node
+  linkType: hard
+
+"remove-trailing-spaces@npm:^1.0.6":
+  version: 1.0.8
+  resolution: "remove-trailing-spaces@npm:1.0.8"
+  checksum: 81f615c5cd8dd6a5e3017dcc9af598965575d176d42ef99cfd7b894529991f464e629fd68aba089f5c6bebf5bb8070a5eee56f3b621aba55e8ef524d6a4d4f69
+  languageName: node
+  linkType: hard
+
 "renderkid@npm:^3.0.0":
   version: 3.0.0
   resolution: "renderkid@npm:3.0.0"
@@ -16723,6 +18761,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"replaceall@npm:^0.1.6":
+  version: 0.1.6
+  resolution: "replaceall@npm:0.1.6"
+  checksum: 2396fdc6f10b7ed7c8c0298455840473a028a81e29087bc02a37cc3ff1e85467534e0992a1b45bcdb3e99370db656d260bec7bd422819b708009f060ba8b4dbe
+  languageName: node
+  linkType: hard
+
 "req-cwd@npm:^2.0.0":
   version: 2.0.0
   resolution: "req-cwd@npm:2.0.0"
@@ -17077,7 +19122,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"run-async@npm:^2.2.0":
+"run-async@npm:^2.2.0, run-async@npm:^2.4.0":
   version: 2.4.1
   resolution: "run-async@npm:2.4.1"
   checksum: a2c88aa15df176f091a2878eb840e68d0bdee319d8d97bbb89112223259cebecb94bc0defd735662b83c2f7a30bed8cddb7d1674eb48ae7322dc602b22d03797
@@ -17100,7 +19145,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs@npm:^6.4.0":
+"rxjs@npm:^6.3.3, rxjs@npm:^6.4.0":
   version: 6.6.7
   resolution: "rxjs@npm:6.6.7"
   dependencies:
@@ -17109,7 +19154,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs@npm:^7.5.1":
+"rxjs@npm:^7.5.1, rxjs@npm:^7.5.5":
   version: 7.5.5
   resolution: "rxjs@npm:7.5.5"
   dependencies:
@@ -17256,6 +19301,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"scuid@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "scuid@npm:1.1.0"
+  checksum: cd094ac3718b0070a222f9a499b280c698fdea10268cc163fa244421099544c1766dd893fdee0e2a8eba5d53ab9d0bcb11067bedff166665030fa6fda25a096b
+  languageName: node
+  linkType: hard
+
 "secp256k1@npm:^4.0.1":
   version: 4.0.3
   resolution: "secp256k1@npm:4.0.3"
@@ -17316,7 +19368,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^6.0.0, semver@npm:^6.1.0, semver@npm:^6.3.0":
+"semver@npm:^6.0.0, semver@npm:^6.1.0, semver@npm:^6.2.0, semver@npm:^6.3.0":
   version: 6.3.0
   resolution: "semver@npm:6.3.0"
   bin:
@@ -17366,6 +19418,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sentence-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "sentence-case@npm:3.0.4"
+  dependencies:
+    no-case: ^3.0.4
+    tslib: ^2.0.3
+    upper-case-first: ^2.0.2
+  checksum: 3cfe6c0143e649132365695706702d7f729f484fa7b25f43435876efe7af2478243eefb052bacbcce10babf9319fd6b5b6bc59b94c80a1c819bcbb40651465d5
+  languageName: node
+  linkType: hard
+
 "serialize-javascript@npm:6.0.0, serialize-javascript@npm:^6.0.0":
   version: 6.0.0
   resolution: "serialize-javascript@npm:6.0.0"
@@ -17546,6 +19609,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"signedsource@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "signedsource@npm:1.0.0"
+  checksum: 64b2c8d7a48de9009cfd3aff62bb7c88abf3b8e0421f17ebb1d7f5ca9cc9c3ad10f5a1e3ae6cd804e4e6121c87b668202ae9057065f058ddfbf34ea65f63945d
+  languageName: node
+  linkType: hard
+
 "simple-concat@npm:^1.0.0":
   version: 1.0.1
   resolution: "simple-concat@npm:1.0.1"
@@ -17612,6 +19682,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slice-ansi@npm:0.0.4":
+  version: 0.0.4
+  resolution: "slice-ansi@npm:0.0.4"
+  checksum: 481d969c6aa771b27d7baacd6fe321751a0b9eb410274bda10ca81ea641bbfe747e428025d6d8f15bd635fdcfd57e8b2d54681ee6b0ce0c40f78644b144759e3
+  languageName: node
+  linkType: hard
+
 "slice-ansi@npm:^2.1.0":
   version: 2.1.0
   resolution: "slice-ansi@npm:2.1.0"
@@ -17652,6 +19729,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"snake-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "snake-case@npm:3.0.4"
+  dependencies:
+    dot-case: ^3.0.4
+    tslib: ^2.0.3
+  checksum: 0a7a79900bbb36f8aaa922cf111702a3647ac6165736d5dc96d3ef367efc50465cac70c53cd172c382b022dac72ec91710608e5393de71f76d7142e6fd80e8a3
+  languageName: node
+  linkType: hard
+
 "snapdragon-node@npm:^2.0.1":
   version: 2.1.1
   resolution: "snapdragon-node@npm:2.1.1"
@@ -17990,6 +20077,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sponge-case@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "sponge-case@npm:1.0.1"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 64f53d930f63c5a9e59d4cae487c1ffa87d25eab682833b01d572cc885e7e3fdbad4f03409a41f03ecb27f1f8959432253eb48332c7007c3388efddb24ba2792
+  languageName: node
+  linkType: hard
+
 "sprintf-js@npm:~1.0.2":
   version: 1.0.3
   resolution: "sprintf-js@npm:1.0.3"
@@ -18084,6 +20180,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"streamsearch@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "streamsearch@npm:1.1.0"
+  checksum: 1cce16cea8405d7a233d32ca5e00a00169cc0e19fbc02aa839959985f267335d435c07f96e5e0edd0eadc6d39c98d5435fb5bbbdefc62c41834eadc5622ad942
+  languageName: node
+  linkType: hard
+
 "strict-uri-encode@npm:^1.0.0":
   version: 1.1.0
   resolution: "strict-uri-encode@npm:1.1.0"
@@ -18098,6 +20201,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-env-interpolation@npm:1.0.1, string-env-interpolation@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "string-env-interpolation@npm:1.0.1"
+  checksum: d126329587f635bee65300e4451e7352b9b67e03daeb62f006ca84244cac12a1f6e45176b018653ba0c3ec3b5d980f9ca59d2eeed99cf799501cdaa7f871dc6f
+  languageName: node
+  linkType: hard
+
 "string-format@npm:^2.0.0":
   version: 2.0.0
   resolution: "string-format@npm:2.0.0"
@@ -18319,7 +20429,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-json-comments@npm:2.0.1, strip-json-comments@npm:^2.0.1":
+"strip-json-comments@npm:2.0.1, strip-json-comments@npm:^2.0.1, strip-json-comments@npm:~2.0.1":
   version: 2.0.1
   resolution: "strip-json-comments@npm:2.0.1"
   checksum: 1074ccb63270d32ca28edfb0a281c96b94dc679077828135141f27d52a5a398ef5e78bcf22809d23cadc2b81dfbe345eb5fd8699b385c8b1128907dec4a7d1e1
@@ -18438,6 +20548,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"swap-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "swap-case@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 6e21c9e1b3cd5735eb2af679a99ec3efc78a14e3d4d5e3fd594e254b91cfd37185b3d1c6e41b22f53a2cdf5d1b963ce30c0fe8b78337e3fd43d0137084670a5f
+  languageName: node
+  linkType: hard
+
 "swarm-js@npm:^0.1.40":
   version: 0.1.40
   resolution: "swarm-js@npm:0.1.40"
@@ -18466,6 +20585,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"symbol-observable@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "symbol-observable@npm:1.2.0"
+  checksum: 48ffbc22e3d75f9853b3ff2ae94a44d84f386415110aea5effc24d84c502e03a4a6b7a8f75ebaf7b585780bda34eb5d6da3121f826a6f93398429d30032971b6
+  languageName: node
+  linkType: hard
+
+"sync-fetch@npm:0.3.1, sync-fetch@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "sync-fetch@npm:0.3.1"
+  dependencies:
+    buffer: ^5.7.0
+    node-fetch: ^2.6.1
+  checksum: f6afd3e18efd7ff0540c2c559fea66e42bc9ae1cc72f5cbd5e51def40062aa7915c06be7e02e10d23e0b844aa3865b3ec41b0ed951688e981acb12548299dff4
+  languageName: node
+  linkType: hard
+
 "sync-request@npm:^6.0.0":
   version: 6.1.0
   resolution: "sync-request@npm:6.1.0"
@@ -18734,6 +20870,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"title-case@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "title-case@npm:3.0.3"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: e8b7ea006b53cf3208d278455d9f1e22c409459d7f9878da324fa3b18cc0aef8560924c19c744e870394a5d9cddfdbe029ebae9875909ee7f4fc562e7cbfc53e
+  languageName: node
+  linkType: hard
+
 "tmp@npm:0.0.33, tmp@npm:^0.0.33":
   version: 0.0.33
   resolution: "tmp@npm:0.0.33"
@@ -18916,6 +21061,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-log@npm:^2.2.3":
+  version: 2.2.4
+  resolution: "ts-log@npm:2.2.4"
+  checksum: 489393cf0d46c3c86a837a589af8b0ec464cb7aa7a75ce9cdf19bf831308f5dda4dc24329359efc920bfb252d3bc5e0c109dcbcc8cb5025348c630f2e3028e24
+  languageName: node
+  linkType: hard
+
 "ts-node@npm:^10.4.0":
   version: 10.7.0
   resolution: "ts-node@npm:10.7.0"
@@ -18994,13 +21146,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2, tslib@npm:^2.0.3, tslib@npm:^2.1.0":
+"tslib@npm:^2, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:~2.3.0":
   version: 2.3.1
   resolution: "tslib@npm:2.3.1"
   checksum: de17a98d4614481f7fcb5cd53ffc1aaf8654313be0291e1bfaee4b4bb31a20494b7d218ff2e15017883e8ea9626599b3b0e0229c18383ba9dce89da2adf15cb9
   languageName: node
   linkType: hard
 
+"tslib@npm:^2.3.0, tslib@npm:~2.4.0":
+  version: 2.4.0
+  resolution: "tslib@npm:2.4.0"
+  checksum: 8c4aa6a3c5a754bf76aefc38026134180c053b7bd2f81338cb5e5ebf96fefa0f417bff221592bf801077f5bf990562f6264fecbc42cd3309b33872cb6fc3b113
+  languageName: node
+  linkType: hard
+
 "tsort@npm:0.0.1":
   version: 0.0.1
   resolution: "tsort@npm:0.0.1"
@@ -19259,6 +21418,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ua-parser-js@npm:^0.7.30":
+  version: 0.7.31
+  resolution: "ua-parser-js@npm:0.7.31"
+  checksum: e2f8324a83d1715601576af85b2b6c03890699aaa7272950fc77ea925c70c5e4f75060ae147dc92124e49f7f0e3d6dd2b0a91e7f40d267e92df8894be967ba8b
+  languageName: node
+  linkType: hard
+
 "uglify-js@npm:^3.1.4":
   version: 3.15.4
   resolution: "uglify-js@npm:3.15.4"
@@ -19287,6 +21453,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unc-path-regex@npm:^0.1.2":
+  version: 0.1.2
+  resolution: "unc-path-regex@npm:0.1.2"
+  checksum: a05fa2006bf4606051c10fc7968f08ce7b28fa646befafa282813aeb1ac1a56f65cb1b577ca7851af2726198d59475bb49b11776036257b843eaacee2860a4ec
+  languageName: node
+  linkType: hard
+
 "underscore@npm:1.9.1":
   version: 1.9.1
   resolution: "underscore@npm:1.9.1"
@@ -19301,6 +21474,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici@npm:^5.1.0":
+  version: 5.1.1
+  resolution: "undici@npm:5.1.1"
+  checksum: 59494ccc130f3cbb35dfa14037b9dfdd37170ae8b6360b1e39b03e04e2adfd8b55bae6026be994ab51b1688025a3a2f43c3b9ad572424cb0635052e47f87680a
+  languageName: node
+  linkType: hard
+
 "union-value@npm:^1.0.0":
   version: 1.0.1
   resolution: "union-value@npm:1.0.1"
@@ -19345,6 +21525,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"unixify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "unixify@npm:1.0.0"
+  dependencies:
+    normalize-path: ^2.1.1
+  checksum: 3be30e48579fc6c7390bd59b4ab9e745fede0c164dfb7351cf710bd1dbef8484b1441186205af6bcb13b731c0c88caf9b33459f7bf8c89e79c046e656ae433f0
+  languageName: node
+  linkType: hard
+
 "unload@npm:2.2.0":
   version: 2.2.0
   resolution: "unload@npm:2.2.0"
@@ -19379,6 +21568,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"upper-case-first@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "upper-case-first@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 4487db4701effe3b54ced4b3e4aa4d9ab06c548f97244d04aafb642eedf96a76d5a03cf5f38f10f415531d5792d1ac6e1b50f2a76984dc6964ad530f12876409
+  languageName: node
+  linkType: hard
+
+"upper-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "upper-case@npm:2.0.2"
+  dependencies:
+    tslib: ^2.0.3
+  checksum: 508723a2b03ab90cf1d6b7e0397513980fab821cbe79c87341d0e96cedefadf0d85f9d71eac24ab23f526a041d585a575cfca120a9f920e44eb4f8a7cf89121c
+  languageName: node
+  linkType: hard
+
 "uri-js@npm:^4.2.2":
   version: 4.4.1
   resolution: "uri-js@npm:4.4.1"
@@ -19564,6 +21771,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"valid-url@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "valid-url@npm:1.0.9"
+  checksum: 3ecb030559404441c2cf104cbabab8770efb0f36d117db03d1081052ef133015a68806148ce954bb4dd0b5c42c14b709a88783c93d66b0916cb67ba771c98702
+  languageName: node
+  linkType: hard
+
 "validate-npm-package-license@npm:^3.0.1":
   version: 3.0.4
   resolution: "validate-npm-package-license@npm:3.0.4"
@@ -19574,6 +21788,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"value-or-promise@npm:1.0.11, value-or-promise@npm:^1.0.11":
+  version: 1.0.11
+  resolution: "value-or-promise@npm:1.0.11"
+  checksum: 13f8f2ef620118c73b4d1beee8ce6045d7182bbf15090ecfbcafb677ec43698506a5e9ace6bea5ea35c32bc612c9b1f824bb59b6581cdfb5c919052745c277d5
+  languageName: node
+  linkType: hard
+
 "varint@npm:^5.0.0":
   version: 5.0.2
   resolution: "varint@npm:5.0.2"
@@ -19678,6 +21899,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wcwidth@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "wcwidth@npm:1.0.1"
+  dependencies:
+    defaults: ^1.0.3
+  checksum: 814e9d1ddcc9798f7377ffa448a5a3892232b9275ebb30a41b529607691c0491de47cba426e917a4d08ded3ee7e9ba2f3fe32e62ee3cd9c7d3bafb7754bd553c
+  languageName: node
+  linkType: hard
+
 "weak-lru-cache@npm:^1.2.2":
   version: 1.2.2
   resolution: "weak-lru-cache@npm:1.2.2"
@@ -19685,6 +21915,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"web-streams-polyfill@npm:4.0.0-beta.1":
+  version: 4.0.0-beta.1
+  resolution: "web-streams-polyfill@npm:4.0.0-beta.1"
+  checksum: 94c21d3aba1c26e5942bb210ffd60c6990cbc750d34bdf548ed93ed845f0a6eac89cdae1dd0195afaba15fbcf4aaca9e397ee40fa4d1f2c191d04d43717bd065
+  languageName: node
+  linkType: hard
+
+"web-streams-polyfill@npm:^3.2.0":
+  version: 3.2.1
+  resolution: "web-streams-polyfill@npm:3.2.1"
+  checksum: b119c78574b6d65935e35098c2afdcd752b84268e18746606af149e3c424e15621b6f1ff0b42b2676dc012fc4f0d313f964b41a4b5031e525faa03997457da02
+  languageName: node
+  linkType: hard
+
 "web3-bzz@npm:1.2.11":
   version: 1.2.11
   resolution: "web3-bzz@npm:1.2.11"
@@ -20366,6 +22610,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"whatwg-fetch@npm:^3.4.1":
+  version: 3.6.2
+  resolution: "whatwg-fetch@npm:3.6.2"
+  checksum: ee976b7249e7791edb0d0a62cd806b29006ad7ec3a3d89145921ad8c00a3a67e4be8f3fb3ec6bc7b58498724fd568d11aeeeea1f7827e7e1e5eae6c8a275afed
+  languageName: node
+  linkType: hard
+
 "whatwg-url@npm:^5.0.0":
   version: 5.0.0
   resolution: "whatwg-url@npm:5.0.0"
@@ -20507,6 +22758,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wrap-ansi@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "wrap-ansi@npm:3.0.1"
+  dependencies:
+    string-width: ^2.1.1
+    strip-ansi: ^4.0.0
+  checksum: 1ceed09986d58cf6e0b88ea29084e70ef3463b3b891a04a8dbf245abb1fb678358986bdc43e12bcc92a696ced17327d079bc796f4d709d15aad7b8c1a7e7c83a
+  languageName: node
+  linkType: hard
+
 "wrap-ansi@npm:^5.1.0":
   version: 5.1.0
   resolution: "wrap-ansi@npm:5.1.0"
@@ -20606,6 +22867,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ws@npm:^8.3.0":
+  version: 8.6.0
+  resolution: "ws@npm:8.6.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ^5.0.2
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: e2fca82059f1e087d0c78e2f37135e1b8332bc804fce46f83c2db1cb8571685abf9d2c99b964bab3752536ad90b99b46fb8d1428899aed3e560684ab4641bffd
+  languageName: node
+  linkType: hard
+
 "xhr-request-promise@npm:^0.1.2":
   version: 0.1.3
   resolution: "xhr-request-promise@npm:0.1.3"
@@ -20730,6 +23006,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml-ast-parser@npm:^0.0.43":
+  version: 0.0.43
+  resolution: "yaml-ast-parser@npm:0.0.43"
+  checksum: fb5df4c067b6ccbd00953a46faf6ff27f0e290d623c712dc41f330251118f110e22cfd184bbff498bd969cbcda3cd27e0f9d0adb9e6d90eb60ccafc0d8e28077
+  languageName: node
+  linkType: hard
+
 "yaml@npm:^1.10.0":
   version: 1.10.2
   resolution: "yaml@npm:1.10.2"
@@ -20754,6 +23037,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs-parser@npm:^18.1.2":
+  version: 18.1.3
+  resolution: "yargs-parser@npm:18.1.3"
+  dependencies:
+    camelcase: ^5.0.0
+    decamelize: ^1.2.0
+  checksum: 60e8c7d1b85814594d3719300ecad4e6ae3796748b0926137bfec1f3042581b8646d67e83c6fc80a692ef08b8390f21ddcacb9464476c39bbdf52e34961dd4d9
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:^2.4.1":
   version: 2.4.1
   resolution: "yargs-parser@npm:2.4.1"
@@ -20834,6 +23127,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yargs@npm:^15.3.1":
+  version: 15.4.1
+  resolution: "yargs@npm:15.4.1"
+  dependencies:
+    cliui: ^6.0.0
+    decamelize: ^1.2.0
+    find-up: ^4.1.0
+    get-caller-file: ^2.0.1
+    require-directory: ^2.1.1
+    require-main-filename: ^2.0.0
+    set-blocking: ^2.0.0
+    string-width: ^4.2.0
+    which-module: ^2.0.0
+    y18n: ^4.0.0
+    yargs-parser: ^18.1.2
+  checksum: 40b974f508d8aed28598087720e086ecd32a5fd3e945e95ea4457da04ee9bdb8bdd17fd91acff36dc5b7f0595a735929c514c40c402416bbb87c03f6fb782373
+  languageName: node
+  linkType: hard
+
 "yargs@npm:^17.0.0":
   version: 17.4.1
   resolution: "yargs@npm:17.4.1"

From be8590c476be90e17df60e40842571e75a5680d7 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 6 May 2022 18:10:39 +0200
Subject: [PATCH 11/24] refactor(web): use graphql typing to improve
 datapointquery

---
 web/src/hooks/queries/useDataPointQuery.ts | 51 +++++++++++-----------
 web/src/pages/home/Stats.tsx               | 25 ++++++-----
 2 files changed, 39 insertions(+), 37 deletions(-)

diff --git a/web/src/hooks/queries/useDataPointQuery.ts b/web/src/hooks/queries/useDataPointQuery.ts
index 416ad3b08..0dfb0cb66 100644
--- a/web/src/hooks/queries/useDataPointQuery.ts
+++ b/web/src/hooks/queries/useDataPointQuery.ts
@@ -1,30 +1,29 @@
 import useSWR from "swr";
+import { gql } from "graphql-request";
+import { CountersQuery } from "src/graphql/generated";
 
-const DATAPOINT_NAMES = [
-  "pnkstaked",
-  "ethpaid",
-  "pnkredistributed",
-  "activeJurors",
-  "cases",
-];
+const countersQuery = gql`
+  query Counters {
+    pnkstakedDataPoint(id: 0) {
+      value
+    }
+    ethpaidDataPoint(id: 0) {
+      value
+    }
+    pnkredistributedDataPoint(id: 0) {
+      value
+    }
+    activeJurorsDataPoint(id: 0) {
+      value
+    }
+    casesDataPoint(id: 0) {
+      value
+    }
+  }
+`;
 
-export const useDataPointQuery = (): any => {
-  const { data, error, isValidating } = useSWR(
-    `{
-      ${DATAPOINT_NAMES.map(
-        (datapointName: string) => `
-          ${datapointName}DataPoint(id: 0) {
-            value
-          }
-        `
-      )}
-    }`
-  );
-  const returnData = DATAPOINT_NAMES.reduce((acc, datapointName: string) => {
-    acc[datapointName] = data
-      ? data[`${datapointName}DataPoint`]?.value
-      : undefined;
-    return acc;
-  }, {});
-  return { ...returnData, error, isValidating };
+export const useDataPointQuery = () => {
+  const { data, error, isValidating } = useSWR(countersQuery);
+  const result = data ? (data as CountersQuery) : {};
+  return { result, error, isValidating };
 };
diff --git a/web/src/pages/home/Stats.tsx b/web/src/pages/home/Stats.tsx
index f80e04e2a..bbe6cd9b9 100644
--- a/web/src/pages/home/Stats.tsx
+++ b/web/src/pages/home/Stats.tsx
@@ -22,20 +22,21 @@ const StyledCard = styled(Card)`
 `;
 
 const Stats = () => {
+  const { result } = useDataPointQuery();
   const {
-    pnkstaked: stakedPNK,
-    ethpaid: paidETH,
-    pnkredistributed: redistributedPNK,
-    activeJurors,
-    cases,
-  } = useDataPointQuery();
+    pnkstakedDataPoint: stakedPNK,
+    ethpaidDataPoint: paidETH,
+    pnkredistributedDataPoint: redistributedPNK,
+    activeJurorsDataPoint: activeJurors,
+    casesDataPoint: cases,
+  } = result;
   return (
     <StyledCard>
       <StatDisplay
         title="PNK staked"
         text={
           stakedPNK
-            ? utils.commify(utils.formatUnits(stakedPNK, 18))
+            ? utils.commify(utils.formatUnits(stakedPNK.value, 18))
             : "Fetching..."
         }
         subtext="$ 3,000,000"
@@ -45,7 +46,9 @@ const Stats = () => {
       <StatDisplay
         title="ETH Paid to jurors"
         text={
-          paidETH ? utils.commify(utils.formatEther(paidETH)) : "Fetching..."
+          paidETH
+            ? utils.commify(utils.formatEther(paidETH.value))
+            : "Fetching..."
         }
         subtext="$ 3,000,000"
         color="blue"
@@ -55,7 +58,7 @@ const Stats = () => {
         title="PNK redistributed"
         text={
           redistributedPNK
-            ? utils.commify(utils.formatUnits(redistributedPNK, 18))
+            ? utils.commify(utils.formatUnits(redistributedPNK.value, 18))
             : "Fetching..."
         }
         subtext="$ 3,000,000"
@@ -64,14 +67,14 @@ const Stats = () => {
       />
       <StatDisplay
         title="Active jurors"
-        text={activeJurors ? activeJurors : "Fetching..."}
+        text={activeJurors ? activeJurors.value : "Fetching..."}
         subtext="$ 3,000,000"
         color="green"
         icon={JurorIcon}
       />
       <StatDisplay
         title="Cases"
-        text={cases ? cases : "Fetching..."}
+        text={cases ? cases.value : "Fetching..."}
         subtext="$ 3,000,000"
         color="orange"
         icon={BalanceIcon}

From c2c9333ba920ac5decde307bb702f825de122701 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Fri, 6 May 2022 18:10:58 +0200
Subject: [PATCH 12/24] fix(web): increase z-index header

---
 web/src/layout/header/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/src/layout/header/index.tsx b/web/src/layout/header/index.tsx
index 2aa392d3f..1e89eb920 100644
--- a/web/src/layout/header/index.tsx
+++ b/web/src/layout/header/index.tsx
@@ -9,6 +9,7 @@ import NavBar from "./navbar";
 
 const Container = styled.div`
   position: sticky;
+  z-index: 9999;
   top: 0;
   width: 100vw;
   height: 64px;

From 2be069faee555fe6a18ba1e034c0e7ce8597fd3d Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Mon, 9 May 2022 18:10:33 +0200
Subject: [PATCH 13/24] chore: refactor code to acomodate new components
 version

---
 web/package.json                       |  2 +-
 web/src/components/LightButton.tsx     |  6 +++---
 web/src/layout/header/index.tsx        |  2 +-
 web/src/layout/header/navbar/Menu.tsx  | 15 ++++++---------
 web/src/layout/header/navbar/index.tsx |  5 +----
 yarn.lock                              | 22 ++++++++++++++++++++--
 6 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/web/package.json b/web/package.json
index d8ac5f8b5..632e2dc1a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -54,7 +54,7 @@
     "@graphql-codegen/typescript": "^2.4.9",
     "@graphql-codegen/typescript-operations": "^2.3.6",
     "@kleros/kleros-v2-contracts": "workspace:^",
-    "@kleros/ui-components-library": "^0.1.5",
+    "@kleros/ui-components-library": "^1.0.0",
     "chart.js": "^3.7.1",
     "chartjs-adapter-moment": "^1.0.0",
     "core-js": "^3.21.1",
diff --git a/web/src/components/LightButton.tsx b/web/src/components/LightButton.tsx
index 0731dce05..da9980c75 100644
--- a/web/src/components/LightButton.tsx
+++ b/web/src/components/LightButton.tsx
@@ -21,7 +21,7 @@ const StyledButton = styled(Button)`
 
 interface ILightButton {
   text: string;
-  icon?: (className: string) => React.ReactNode;
+  Icon?: React.FC<React.SVGAttributes<SVGElement>>;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
   disabled?: boolean;
   className?: string;
@@ -29,7 +29,7 @@ interface ILightButton {
 
 const LightButton: React.FC<ILightButton> = ({
   text,
-  icon,
+  Icon,
   onClick,
   disabled,
   className,
@@ -37,7 +37,7 @@ const LightButton: React.FC<ILightButton> = ({
   <StyledButton
     variant="primary"
     small
-    {...{ text, icon, onClick, disabled, className }}
+    {...{ text, Icon, onClick, disabled, className }}
   />
 );
 
diff --git a/web/src/layout/header/index.tsx b/web/src/layout/header/index.tsx
index 1e89eb920..a5a2cae6c 100644
--- a/web/src/layout/header/index.tsx
+++ b/web/src/layout/header/index.tsx
@@ -43,7 +43,7 @@ const Header: React.FC = () => {
         <NavBar {...{ isOpen }} />
         <StyledLightButton
           text=""
-          icon={(className: string) => <HamburgerIcon {...{ className }} />}
+          Icon={HamburgerIcon}
           onClick={toggleIsOpen}
         />
       </div>
diff --git a/web/src/layout/header/navbar/Menu.tsx b/web/src/layout/header/navbar/Menu.tsx
index 445cc2367..4c83c4bb9 100644
--- a/web/src/layout/header/navbar/Menu.tsx
+++ b/web/src/layout/header/navbar/Menu.tsx
@@ -21,24 +21,21 @@ const Explore: React.FC = () => {
   const [theme, toggleTheme] = useToggleTheme();
   const isLightTheme = theme === "light";
   const buttons = [
-    { text: "Notifications", icon: NotificationsIcon },
-    { text: "Settings", icon: SettingsIcon },
-    { text: "Help", icon: HelpIcon },
+    { text: "Notifications", Icon: NotificationsIcon },
+    { text: "Settings", Icon: SettingsIcon },
+    { text: "Help", Icon: HelpIcon },
     {
       text: `${isLightTheme ? "Dark" : "Light"} Mode`,
-      icon: isLightTheme ? DarkModeIcon : LightModeIcon,
+      Icon: isLightTheme ? DarkModeIcon : LightModeIcon,
       onClick: () => toggleTheme(),
     },
   ];
 
   return (
     <Container>
-      {buttons.map(({ text, icon: Icon, onClick }) => (
+      {buttons.map(({ text, Icon, onClick }) => (
         <ButtonContainer key={text}>
-          <LightButton
-            {...{ text, onClick }}
-            icon={(className: string) => <Icon {...{ className }} />}
-          />
+          <LightButton {...{ text, onClick, Icon }} />
         </ButtonContainer>
       ))}
     </Container>
diff --git a/web/src/layout/header/navbar/index.tsx b/web/src/layout/header/navbar/index.tsx
index 26a05d131..7b9e1eee2 100644
--- a/web/src/layout/header/navbar/index.tsx
+++ b/web/src/layout/header/navbar/index.tsx
@@ -32,10 +32,7 @@ const Container = styled.div<{ isOpen: boolean }>`
 
 const NavBar: React.FC<{ isOpen: boolean }> = ({ isOpen }) => (
   <Container {...{ isOpen }}>
-    <LightButton
-      text="Kleros Solutions"
-      icon={(className) => <KlerosSolutionsIcon {...{ className }} />}
-    />
+    <LightButton text="Kleros Solutions" Icon={KlerosSolutionsIcon} />
     <hr />
     <Explore />
     <hr />
diff --git a/yarn.lock b/yarn.lock
index f6443d52b..a23a1b8af 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2702,7 +2702,7 @@ __metadata:
     "@graphql-codegen/typescript": ^2.4.9
     "@graphql-codegen/typescript-operations": ^2.3.6
     "@kleros/kleros-v2-contracts": "workspace:^"
-    "@kleros/ui-components-library": ^0.1.5
+    "@kleros/ui-components-library": ^1.0.0
     "@parcel/transformer-svg-react": ^2.5.0
     "@types/react": ^17.0.38
     "@types/react-dom": ^17.0.11
@@ -2738,7 +2738,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@kleros/ui-components-library@npm:^0.1.3, @kleros/ui-components-library@npm:^0.1.5":
+"@kleros/ui-components-library@npm:^0.1.3":
   version: 0.1.5
   resolution: "@kleros/ui-components-library@npm:0.1.5"
   dependencies:
@@ -2756,6 +2756,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@kleros/ui-components-library@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@kleros/ui-components-library@npm:1.0.0"
+  dependencies:
+    "@datepicker-react/hooks": ^2.8.4
+    "@swc/helpers": ^0.3.2
+    rc-slider: ^9.7.5
+    react: ^18.0.0
+    react-dom: ^18.0.0
+    react-is: ^18.0.0
+    simplebar: ^5.3.6
+    simplebar-react: ^2.3.6
+  peerDependencies:
+    styled-components: ^5.3.3
+  checksum: 5069862a4e47b0e8f47b45ed8c43c4d1300fc7faaa154a92c5aecaf0886df1627fa6b5983254f044d8bbc76a9deee8df466c7662a86aaced61b48c44b5823a23
+  languageName: node
+  linkType: hard
+
 "@lezer/common@npm:^0.15.0, @lezer/common@npm:^0.15.7":
   version: 0.15.12
   resolution: "@lezer/common@npm:0.15.12"

From 5e4859ef82ae86a8a504c3d939cdfa5366ace182 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Mon, 9 May 2022 18:16:07 +0200
Subject: [PATCH 14/24] fix: remove fill field from menu-icon svgs

---
 web/src/assets/svgs/menu-icons/dark-mode.svg     | 2 +-
 web/src/assets/svgs/menu-icons/help.svg          | 4 ++--
 web/src/assets/svgs/menu-icons/light-mode.svg    | 2 +-
 web/src/assets/svgs/menu-icons/notifications.svg | 2 +-
 web/src/assets/svgs/menu-icons/settings.svg      | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/assets/svgs/menu-icons/dark-mode.svg b/web/src/assets/svgs/menu-icons/dark-mode.svg
index c3f24c6fc..ca7106896 100644
--- a/web/src/assets/svgs/menu-icons/dark-mode.svg
+++ b/web/src/assets/svgs/menu-icons/dark-mode.svg
@@ -1,3 +1,3 @@
-<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="15" height="16" viewBox="0 0 15 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 16C10.4676 16 12.7212 14.8773 14.2143 13.0378C14.4352 12.7656 14.1943 12.3681 13.853 12.4331C9.97163 13.1722 6.40728 10.1963 6.40728 6.27825C6.40728 4.02131 7.61547 1.94591 9.57909 0.828438C9.88178 0.656188 9.80566 0.197281 9.46172 0.13375C8.97956 0.0448416 8.49029 7.30105e-05 8 0C3.58409 0 0 3.57847 0 8C0 12.4159 3.57847 16 8 16Z" />
 </svg>
diff --git a/web/src/assets/svgs/menu-icons/help.svg b/web/src/assets/svgs/menu-icons/help.svg
index 0d0b1f793..00dd525b7 100644
--- a/web/src/assets/svgs/menu-icons/help.svg
+++ b/web/src/assets/svgs/menu-icons/help.svg
@@ -1,3 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 0C3.58203 0 0 3.58332 0 8C0 12.4193 3.58203 16 8 16C12.418 16 16 12.4193 16 8C16 3.58332 12.418 0 8 0ZM8 14.4516C4.43445 14.4516 1.54839 11.5667 1.54839 8C1.54839 4.43564 4.43458 1.54839 8 1.54839C11.5642 1.54839 14.4516 4.43455 14.4516 8C14.4516 11.5655 11.5667 14.4516 8 14.4516ZM11.4595 6.21935C11.4595 8.38232 9.12332 8.41561 9.12332 9.21494V9.41935C9.12332 9.63313 8.95 9.80645 8.73623 9.80645H7.26374C7.04997 9.80645 6.87664 9.63313 6.87664 9.41935V9.14003C6.87664 7.98697 7.75084 7.52603 8.41145 7.15564C8.97794 6.83806 9.32513 6.62206 9.32513 6.20148C9.32513 5.64516 8.61548 5.2759 8.04177 5.2759C7.29374 5.2759 6.94842 5.63 6.463 6.24265C6.33213 6.40781 6.09332 6.43848 5.92539 6.31116L5.02784 5.63058C4.8631 5.50568 4.82619 5.27361 4.94255 5.10274C5.70471 3.98358 6.67548 3.35484 8.1869 3.35484C9.76984 3.35484 11.4595 4.59045 11.4595 6.21935V6.21935ZM9.35484 11.6129C9.35484 12.36 8.74706 12.9677 8 12.9677C7.25294 12.9677 6.64516 12.36 6.64516 11.6129C6.64516 10.8658 7.25294 10.2581 8 10.2581C8.74706 10.2581 9.35484 10.8658 9.35484 11.6129Z" fill="#9013FE"/>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C3.58203 0 0 3.58332 0 8C0 12.4193 3.58203 16 8 16C12.418 16 16 12.4193 16 8C16 3.58332 12.418 0 8 0ZM8 14.4516C4.43445 14.4516 1.54839 11.5667 1.54839 8C1.54839 4.43564 4.43458 1.54839 8 1.54839C11.5642 1.54839 14.4516 4.43455 14.4516 8C14.4516 11.5655 11.5667 14.4516 8 14.4516ZM11.4595 6.21935C11.4595 8.38232 9.12332 8.41561 9.12332 9.21494V9.41935C9.12332 9.63313 8.95 9.80645 8.73623 9.80645H7.26374C7.04997 9.80645 6.87664 9.63313 6.87664 9.41935V9.14003C6.87664 7.98697 7.75084 7.52603 8.41145 7.15564C8.97794 6.83806 9.32513 6.62206 9.32513 6.20148C9.32513 5.64516 8.61548 5.2759 8.04177 5.2759C7.29374 5.2759 6.94842 5.63 6.463 6.24265C6.33213 6.40781 6.09332 6.43848 5.92539 6.31116L5.02784 5.63058C4.8631 5.50568 4.82619 5.27361 4.94255 5.10274C5.70471 3.98358 6.67548 3.35484 8.1869 3.35484C9.76984 3.35484 11.4595 4.59045 11.4595 6.21935V6.21935ZM9.35484 11.6129C9.35484 12.36 8.74706 12.9677 8 12.9677C7.25294 12.9677 6.64516 12.36 6.64516 11.6129C6.64516 10.8658 7.25294 10.2581 8 10.2581C8.74706 10.2581 9.35484 10.8658 9.35484 11.6129Z" />
 </svg>
diff --git a/web/src/assets/svgs/menu-icons/light-mode.svg b/web/src/assets/svgs/menu-icons/light-mode.svg
index 1254dbf4f..e5140867a 100644
--- a/web/src/assets/svgs/menu-icons/light-mode.svg
+++ b/web/src/assets/svgs/menu-icons/light-mode.svg
@@ -1,3 +1,3 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="17" height="16" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.76855 5C7.11543 5 5.76855 6.34688 5.76855 8C5.76855 9.65312 7.11543 11 8.76855 11C10.4217 11 11.7686 9.65312 11.7686 8C11.7686 6.34688 10.4217 5 8.76855 5ZM16.4686 7.51562L13.5092 6.0375L14.5561 2.9C14.6967 2.475 14.2936 2.07188 13.8717 2.21563L10.7342 3.2625L9.25293 0.3C9.05293 -0.1 8.48418 -0.1 8.28418 0.3L6.80605 3.25938L3.66543 2.2125C3.24043 2.07188 2.8373 2.475 2.98105 2.89687L4.02793 6.03438L1.06855 7.51562C0.668555 7.71562 0.668555 8.28438 1.06855 8.48438L4.02793 9.9625L2.98105 13.1031C2.84043 13.5281 3.24355 13.9313 3.66543 13.7875L6.80293 12.7406L8.28105 15.7C8.48105 16.1 9.0498 16.1 9.2498 15.7L10.7279 12.7406L13.8654 13.7875C14.2904 13.9281 14.6936 13.525 14.5498 13.1031L13.5029 9.96562L16.4623 8.4875C16.8686 8.28438 16.8686 7.71562 16.4686 7.51562ZM11.5967 10.8281C10.0373 12.3875 7.4998 12.3875 5.94043 10.8281C4.38105 9.26875 4.38105 6.73125 5.94043 5.17188C7.4998 3.6125 10.0373 3.6125 11.5967 5.17188C13.1561 6.73125 13.1561 9.26875 11.5967 10.8281Z" />
 </svg>
diff --git a/web/src/assets/svgs/menu-icons/notifications.svg b/web/src/assets/svgs/menu-icons/notifications.svg
index cf0055939..c13406ca9 100644
--- a/web/src/assets/svgs/menu-icons/notifications.svg
+++ b/web/src/assets/svgs/menu-icons/notifications.svg
@@ -1,3 +1,3 @@
-<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.6807 11.3216C13.0791 10.6728 11.9536 9.69687 11.9536 6.5C11.9536 4.07188 10.2573 2.12812 7.97009 1.65125V1C7.97009 0.447812 7.52423 0 6.97437 0C6.42452 0 5.97866 0.447812 5.97866 1V1.65125C3.69145 2.12812 1.99518 4.07188 1.99518 6.5C1.99518 9.69687 0.869636 10.6728 0.268098 11.3216C0.0812852 11.5231 -0.00153525 11.7641 2.15267e-05 12C0.00344643 12.5125 0.40416 13 0.999471 13H12.9493C13.5446 13 13.9456 12.5125 13.9487 12C13.9503 11.7641 13.8675 11.5228 13.6807 11.3216ZM2.1026 11.5C2.7633 10.6259 3.48564 9.17719 3.48907 6.51813C3.48907 6.51188 3.4872 6.50625 3.4872 6.5C3.4872 4.56687 5.04833 3 6.97437 3C8.90042 3 10.4616 4.56687 10.4616 6.5C10.4616 6.50625 10.4597 6.51188 10.4597 6.51813C10.4631 9.1775 11.1855 10.6263 11.8461 11.5H2.1026ZM6.97437 16C8.07408 16 8.96611 15.1047 8.96611 14H4.98264C4.98264 15.1047 5.87467 16 6.97437 16Z" />
 </svg>
diff --git a/web/src/assets/svgs/menu-icons/settings.svg b/web/src/assets/svgs/menu-icons/settings.svg
index cfa76e6b3..69e5d81eb 100644
--- a/web/src/assets/svgs/menu-icons/settings.svg
+++ b/web/src/assets/svgs/menu-icons/settings.svg
@@ -1,3 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1211 9.92257L13.7469 9.12903C13.8856 8.38064 13.8856 7.6129 13.7469 6.86452L15.1211 6.07097C15.2792 5.98065 15.3501 5.79356 15.2985 5.61936C14.9405 4.47098 14.3308 3.43228 13.534 2.56776C13.4114 2.4355 13.2114 2.40325 13.0566 2.49357L11.6824 3.28711C11.105 2.79034 10.4405 2.40647 9.72113 2.15486V0.570996C9.72113 0.390351 9.59532 0.232287 9.4179 0.193578C8.23404 -0.0709372 7.02114 -0.0580341 5.89534 0.193578C5.71792 0.232287 5.59211 0.390351 5.59211 0.570996V2.15809C4.87598 2.41292 4.21147 2.79679 3.63083 3.29034L2.25987 2.49679C2.1018 2.40647 1.90503 2.4355 1.78245 2.57099C0.985677 3.43228 0.376002 4.47098 0.0179393 5.62259C-0.0368992 5.79678 0.037294 5.98388 0.195358 6.0742L1.56955 6.86775C1.43084 7.61613 1.43084 8.38387 1.56955 9.13225L0.195358 9.9258C0.037294 10.0161 -0.0336734 10.2032 0.0179393 10.3774C0.376002 11.5258 0.985677 12.5645 1.78245 13.429C1.90503 13.5613 2.10503 13.5935 2.25987 13.5032L3.63405 12.7097C4.21147 13.2064 4.87599 13.5903 5.59534 13.8419V15.429C5.59534 15.6096 5.72114 15.7677 5.89856 15.8064C7.08243 16.0709 8.29533 16.058 9.42113 15.8064C9.59855 15.7677 9.72435 15.6096 9.72435 15.429V13.8419C10.4405 13.5871 11.105 13.2032 11.6856 12.7097L13.0598 13.5032C13.2179 13.5935 13.4147 13.5645 13.5372 13.429C14.334 12.5677 14.9437 11.529 15.3017 10.3774C15.3501 10.2 15.2792 10.0129 15.1211 9.92257ZM7.65662 10.5774C6.23404 10.5774 5.07598 9.41935 5.07598 7.99677C5.07598 6.5742 6.23404 5.41614 7.65662 5.41614C9.07919 5.41614 10.2373 6.5742 10.2373 7.99677C10.2373 9.41935 9.07919 10.5774 7.65662 10.5774Z" fill="#9013FE"/>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1211 9.92257L13.7469 9.12903C13.8856 8.38064 13.8856 7.6129 13.7469 6.86452L15.1211 6.07097C15.2792 5.98065 15.3501 5.79356 15.2985 5.61936C14.9405 4.47098 14.3308 3.43228 13.534 2.56776C13.4114 2.4355 13.2114 2.40325 13.0566 2.49357L11.6824 3.28711C11.105 2.79034 10.4405 2.40647 9.72113 2.15486V0.570996C9.72113 0.390351 9.59532 0.232287 9.4179 0.193578C8.23404 -0.0709372 7.02114 -0.0580341 5.89534 0.193578C5.71792 0.232287 5.59211 0.390351 5.59211 0.570996V2.15809C4.87598 2.41292 4.21147 2.79679 3.63083 3.29034L2.25987 2.49679C2.1018 2.40647 1.90503 2.4355 1.78245 2.57099C0.985677 3.43228 0.376002 4.47098 0.0179393 5.62259C-0.0368992 5.79678 0.037294 5.98388 0.195358 6.0742L1.56955 6.86775C1.43084 7.61613 1.43084 8.38387 1.56955 9.13225L0.195358 9.9258C0.037294 10.0161 -0.0336734 10.2032 0.0179393 10.3774C0.376002 11.5258 0.985677 12.5645 1.78245 13.429C1.90503 13.5613 2.10503 13.5935 2.25987 13.5032L3.63405 12.7097C4.21147 13.2064 4.87599 13.5903 5.59534 13.8419V15.429C5.59534 15.6096 5.72114 15.7677 5.89856 15.8064C7.08243 16.0709 8.29533 16.058 9.42113 15.8064C9.59855 15.7677 9.72435 15.6096 9.72435 15.429V13.8419C10.4405 13.5871 11.105 13.2032 11.6856 12.7097L13.0598 13.5032C13.2179 13.5935 13.4147 13.5645 13.5372 13.429C14.334 12.5677 14.9437 11.529 15.3017 10.3774C15.3501 10.2 15.2792 10.0129 15.1211 9.92257ZM7.65662 10.5774C6.23404 10.5774 5.07598 9.41935 5.07598 7.99677C5.07598 6.5742 6.23404 5.41614 7.65662 5.41614C9.07919 5.41614 10.2373 6.5742 10.2373 7.99677C10.2373 9.41935 9.07919 10.5774 7.65662 10.5774Z" />
 </svg>

From 152776f0ef23c1b0e0e23e58e19bf45dae845b1e Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 10 May 2022 12:48:44 +0200
Subject: [PATCH 15/24] chore: update @kleros/ui-components-library

---
 web/package.json |  2 +-
 yarn.lock        | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/package.json b/web/package.json
index 632e2dc1a..cef75100d 100644
--- a/web/package.json
+++ b/web/package.json
@@ -54,7 +54,7 @@
     "@graphql-codegen/typescript": "^2.4.9",
     "@graphql-codegen/typescript-operations": "^2.3.6",
     "@kleros/kleros-v2-contracts": "workspace:^",
-    "@kleros/ui-components-library": "^1.0.0",
+    "@kleros/ui-components-library": "^1.1.0",
     "chart.js": "^3.7.1",
     "chartjs-adapter-moment": "^1.0.0",
     "core-js": "^3.21.1",
diff --git a/yarn.lock b/yarn.lock
index a23a1b8af..4535644cf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2702,7 +2702,7 @@ __metadata:
     "@graphql-codegen/typescript": ^2.4.9
     "@graphql-codegen/typescript-operations": ^2.3.6
     "@kleros/kleros-v2-contracts": "workspace:^"
-    "@kleros/ui-components-library": ^1.0.0
+    "@kleros/ui-components-library": ^1.1.0
     "@parcel/transformer-svg-react": ^2.5.0
     "@types/react": ^17.0.38
     "@types/react-dom": ^17.0.11
@@ -2756,9 +2756,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@kleros/ui-components-library@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@kleros/ui-components-library@npm:1.0.0"
+"@kleros/ui-components-library@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@kleros/ui-components-library@npm:1.1.0"
   dependencies:
     "@datepicker-react/hooks": ^2.8.4
     "@swc/helpers": ^0.3.2
@@ -2770,7 +2770,7 @@ __metadata:
     simplebar-react: ^2.3.6
   peerDependencies:
     styled-components: ^5.3.3
-  checksum: 5069862a4e47b0e8f47b45ed8c43c4d1300fc7faaa154a92c5aecaf0886df1627fa6b5983254f044d8bbc76a9deee8df466c7662a86aaced61b48c44b5823a23
+  checksum: 998583b3c06c4bcd5240bc3e547140370557f1efa2afaa5916951ce9e317d436318843036fd552b35df5dbc3920762a1ed0322743f5a9d48cd084856aa9f2e11
   languageName: node
   linkType: hard
 

From b097d4f83515d28345ceed64d6671960095295ff Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 10 May 2022 15:42:26 +0200
Subject: [PATCH 16/24] fix(web): replace 100vw for 100% in header, footer and
 home to avoid horizontal scroll

---
 web/src/layout/footer/index.tsx | 2 +-
 web/src/layout/header/index.tsx | 2 +-
 web/src/pages/home/index.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/layout/footer/index.tsx b/web/src/layout/footer/index.tsx
index 1ace8e04a..e52ab7107 100644
--- a/web/src/layout/footer/index.tsx
+++ b/web/src/layout/footer/index.tsx
@@ -5,7 +5,7 @@ import { socialmedia } from "consts/socialmedia";
 
 const Container = styled.div`
   height: 80px;
-  width: 100vw;
+  width: 100%;
   background-color: ${({ theme }) => theme.primaryPurple};
   display: flex;
   flex-direction: column;
diff --git a/web/src/layout/header/index.tsx b/web/src/layout/header/index.tsx
index a5a2cae6c..a413f1933 100644
--- a/web/src/layout/header/index.tsx
+++ b/web/src/layout/header/index.tsx
@@ -11,7 +11,7 @@ const Container = styled.div`
   position: sticky;
   z-index: 9999;
   top: 0;
-  width: 100vw;
+  width: 100%;
   height: 64px;
   background-color: ${({ theme }) => theme.primaryPurple};
 
diff --git a/web/src/pages/home/index.tsx b/web/src/pages/home/index.tsx
index 885e05e2c..9de478889 100644
--- a/web/src/pages/home/index.tsx
+++ b/web/src/pages/home/index.tsx
@@ -5,7 +5,7 @@ import Chart from "./Chart";
 import DisputeCard from "components/DisputeCard";
 
 const Container = styled.div`
-  width: 100vw;
+  width: 100%;
   height: auto;
   background-color: ${({ theme }) => theme.lightBackground};
   padding: 32px;

From a8a8393fe64dc9458317a2c27ad6a4a672bb8e8a Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 10 May 2022 15:44:39 +0200
Subject: [PATCH 17/24] fix(web): remove margin-top from title tags

---
 web/src/styles/global-style.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/styles/global-style.ts b/web/src/styles/global-style.ts
index 0b9ac410c..5bffde496 100644
--- a/web/src/styles/global-style.ts
+++ b/web/src/styles/global-style.ts
@@ -19,6 +19,7 @@ export const GlobalStyle = createGlobalStyle`
   }
 
   h1 {
+    margin: 0 0 16px 0;
     font-weight: 600;
     font-size: 24px;
     line-height: 32px;
@@ -26,6 +27,7 @@ export const GlobalStyle = createGlobalStyle`
   }
 
   h2 {
+    margin: 0 0 16px 0;
     font-weight: 400;
     font-size: 24px;
     line-height: 32px;
@@ -33,6 +35,7 @@ export const GlobalStyle = createGlobalStyle`
   }
 
   h3 {
+    margin: 0 0 16px 0;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;

From 92d0c19a6e80f55663c4ee7568f4963ffc8dc900 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 10 May 2022 15:45:51 +0200
Subject: [PATCH 18/24] refactor(web): organize home page directory

---
 web/src/pages/home/CourtOverview/Chart.tsx    | 55 +++++++++++++++++++
 .../pages/home/{ => CourtOverview}/Stats.tsx  |  0
 .../TimeSeriesChart.tsx}                      | 36 +++++-------
 web/src/pages/home/CourtOverview/index.tsx    | 19 +++++++
 web/src/pages/home/LatestCases.tsx            | 52 ++++++++++++++++++
 web/src/pages/home/index.tsx                  | 37 ++-----------
 6 files changed, 143 insertions(+), 56 deletions(-)
 create mode 100644 web/src/pages/home/CourtOverview/Chart.tsx
 rename web/src/pages/home/{ => CourtOverview}/Stats.tsx (100%)
 rename web/src/pages/home/{Chart.tsx => CourtOverview/TimeSeriesChart.tsx} (69%)
 create mode 100644 web/src/pages/home/CourtOverview/index.tsx
 create mode 100644 web/src/pages/home/LatestCases.tsx

diff --git a/web/src/pages/home/CourtOverview/Chart.tsx b/web/src/pages/home/CourtOverview/Chart.tsx
new file mode 100644
index 000000000..96a7b3e65
--- /dev/null
+++ b/web/src/pages/home/CourtOverview/Chart.tsx
@@ -0,0 +1,55 @@
+import React from "react";
+import styled from "styled-components";
+import TimeSeriesChart from "./TimeSeriesChart";
+import { DropdownSelect } from "@kleros/ui-components-library";
+import { utils } from "ethers";
+import { useChartQuery } from "queries/useChartQuery";
+
+const Container = styled.div`
+  margin-bottom: 32px;
+  display: flex;
+  flex-direction: column;
+`;
+
+const StyledDropdown = styled(DropdownSelect)`
+  width: fit-content;
+  align-self: end;
+`;
+
+const CHART_OPTIONS = [
+  { text: "Staked PNK", value: 0 },
+  { text: "Cases", value: 1 },
+  { text: "Cases per court", value: 2 },
+];
+
+const Chart: React.FC = () => {
+  const { result } = useChartQuery();
+  const pnkstakedDataPoints = result?.pnkstakedDataPoints;
+  const processedData = pnkstakedDataPoints?.reduce((data, { id, value }) => {
+    return [
+      ...data,
+      {
+        x: parseInt(id) * 1000,
+        y: parseInt(utils.formatUnits(value, 18)),
+      },
+    ];
+  }, []);
+
+  return (
+    <Container>
+      <StyledDropdown
+        smallButton
+        simpleButton
+        alignRight
+        defaultValue={0}
+        items={CHART_OPTIONS}
+        callback={() => {
+          // hey
+        }}
+      />
+      {processedData ? <TimeSeriesChart data={processedData} /> : "Fetching..."}
+    </Container>
+  );
+};
+
+export default Chart;
diff --git a/web/src/pages/home/Stats.tsx b/web/src/pages/home/CourtOverview/Stats.tsx
similarity index 100%
rename from web/src/pages/home/Stats.tsx
rename to web/src/pages/home/CourtOverview/Stats.tsx
diff --git a/web/src/pages/home/Chart.tsx b/web/src/pages/home/CourtOverview/TimeSeriesChart.tsx
similarity index 69%
rename from web/src/pages/home/Chart.tsx
rename to web/src/pages/home/CourtOverview/TimeSeriesChart.tsx
index bfa1e14f9..5a538d425 100644
--- a/web/src/pages/home/Chart.tsx
+++ b/web/src/pages/home/CourtOverview/TimeSeriesChart.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import styled, { useTheme } from "styled-components";
-import { utils } from "ethers";
 import {
   Chart as ChartJS,
   CategoryScale,
@@ -11,11 +10,11 @@ import {
   Tooltip,
 } from "chart.js";
 import { Line } from "react-chartjs-2";
-import { useChartQuery } from "queries/useChartQuery";
 import "chartjs-adapter-moment";
 
-const Container = styled.div`
+const LineContainer = styled.div`
   height: 220px;
+  margin-top: 16px;
 `;
 
 ChartJS.register(
@@ -27,18 +26,11 @@ ChartJS.register(
   Tooltip
 );
 
-const Chart: React.FC = () => {
-  const { result } = useChartQuery();
-  const pnkstakedDataPoints = result?.pnkstakedDataPoints;
-  const processedData = pnkstakedDataPoints?.reduce((data, { id, value }) => {
-    return [
-      ...data,
-      {
-        x: parseInt(id) * 1000,
-        y: parseInt(utils.formatUnits(value, 18)),
-      },
-    ];
-  }, []);
+interface ITimeSeriesChart {
+  data: { x: number; y: number }[];
+}
+
+const TimeSeriesChart: React.FC<ITimeSeriesChart> = ({ data }) => {
   const theme = useTheme();
   const options = {
     responsive: true,
@@ -74,8 +66,8 @@ const Chart: React.FC = () => {
   };
 
   return (
-    <Container>
-      {processedData ? (
+    <LineContainer>
+      {
         // eslint-disable-next-line
         // @ts-ignore
         <Line
@@ -83,7 +75,7 @@ const Chart: React.FC = () => {
             data: {
               datasets: [
                 {
-                  data: processedData,
+                  data,
                   borderColor: theme.primaryBlue,
                   stepped: true,
                   cubicInterpolationMode: "monotone",
@@ -93,11 +85,9 @@ const Chart: React.FC = () => {
             options,
           }}
         />
-      ) : (
-        "Fetching..."
-      )}
-    </Container>
+      }
+    </LineContainer>
   );
 };
 
-export default Chart;
+export default TimeSeriesChart;
diff --git a/web/src/pages/home/CourtOverview/index.tsx b/web/src/pages/home/CourtOverview/index.tsx
new file mode 100644
index 000000000..c42ac334a
--- /dev/null
+++ b/web/src/pages/home/CourtOverview/index.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import styled from "styled-components";
+import Stats from "./Stats";
+import Chart from "./Chart";
+
+const Container = styled.div`
+  width: 100%;
+  height: auto;
+`;
+
+const CourtOverview: React.FC = () => (
+  <Container>
+    <h1>Court Overview</h1>
+    <Chart />
+    <Stats />
+  </Container>
+);
+
+export default CourtOverview;
diff --git a/web/src/pages/home/LatestCases.tsx b/web/src/pages/home/LatestCases.tsx
new file mode 100644
index 000000000..7c02a056a
--- /dev/null
+++ b/web/src/pages/home/LatestCases.tsx
@@ -0,0 +1,52 @@
+import React from "react";
+import styled from "styled-components";
+import DisputeCard from "components/DisputeCard";
+
+const Container = styled.div`
+  margin-top: 64px;
+  .disputes-container {
+    display: flex;
+    gap: 24px;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+`;
+
+const LatestCases: React.FC = () => {
+  return (
+    <Container>
+      <h1>Latest Cases</h1>
+      <div className="disputes-container">
+        <DisputeCard
+          title="Register Profile in Proof of Humanity"
+          id={600}
+          period={1}
+          court="Humanity"
+          category="Identity"
+          rewards="≥ 0.3 ETH"
+          date={1651244935}
+        />
+        <DisputeCard
+          title="Register Profile in Proof of Humanity"
+          id={600}
+          period={3}
+          court="Humanity"
+          category="Identity"
+          rewards="≥ 0.3 ETH"
+          date={1651244935}
+        />
+        <DisputeCard
+          title="Register Profile in Proof of Humanity"
+          id={600}
+          period={4}
+          court="Humanity"
+          category="Identity"
+          rewards="≥ 0.3 ETH"
+          date={1651244935}
+        />
+      </div>
+    </Container>
+  );
+};
+
+export default LatestCases;
diff --git a/web/src/pages/home/index.tsx b/web/src/pages/home/index.tsx
index 9de478889..5a12057f8 100644
--- a/web/src/pages/home/index.tsx
+++ b/web/src/pages/home/index.tsx
@@ -1,8 +1,7 @@
 import React from "react";
 import styled from "styled-components";
-import Stats from "./Stats";
-import Chart from "./Chart";
-import DisputeCard from "components/DisputeCard";
+import CourtOverview from "./CourtOverview";
+import LatestCases from "./LatestCases";
 
 const Container = styled.div`
   width: 100%;
@@ -13,36 +12,8 @@ const Container = styled.div`
 
 const Home: React.FC = () => (
   <Container>
-    <Chart />
-    <Stats />
-    <hr />
-    <DisputeCard
-      title="Register Profile in Proof of Humanity"
-      id={600}
-      period={1}
-      court="Humanity"
-      category="Identity"
-      rewards="≥ 0.3 ETH"
-      date={1651244935}
-    />
-    <DisputeCard
-      title="Register Profile in Proof of Humanity"
-      id={600}
-      period={3}
-      court="Humanity"
-      category="Identity"
-      rewards="≥ 0.3 ETH"
-      date={1651244935}
-    />
-    <DisputeCard
-      title="Register Profile in Proof of Humanity"
-      id={600}
-      period={4}
-      court="Humanity"
-      category="Identity"
-      rewards="≥ 0.3 ETH"
-      date={1651244935}
-    />
+    <CourtOverview />
+    <LatestCases />
   </Container>
 );
 

From 452a891c41e2d4290cbfce3a058b9b4c18d49c6c Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Tue, 10 May 2022 16:54:29 +0200
Subject: [PATCH 19/24] chore: remove explicit cache directory

---
 web/.yarnrc.yml  | 1 -
 web/netlify.toml | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/web/.yarnrc.yml b/web/.yarnrc.yml
index 4175cf252..c6e883c59 100644
--- a/web/.yarnrc.yml
+++ b/web/.yarnrc.yml
@@ -1,3 +1,2 @@
 nodeLinker: node-modules
-cacheFolder: $HOME/.yarn_cache
 
diff --git a/web/netlify.toml b/web/netlify.toml
index 55b1192ea..68fbd9418 100644
--- a/web/netlify.toml
+++ b/web/netlify.toml
@@ -4,5 +4,5 @@
 NETLIFY_USE_YARN = "true"
 NETLIFY_YARN_WORKSPACES = "true"
 YARN_ENABLE_GLOBAL_CACHE = "true"
-YARN_CACHE_FOLDER = "$HOME/.yarn_cache"
+# YARN_CACHE_FOLDER = "$HOME/.yarn_cache"
 # YARN_VERSION = "3.2.0"

From 64b46b736451868ba72d8e1649ea76ac2e3ed5c1 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Thu, 12 May 2022 16:02:20 +0200
Subject: [PATCH 20/24] refactor(web): unify homepage queries

---
 web/src/app.tsx                            | 10 +++--
 web/src/graphql/generated.ts               | 11 ++---
 web/src/hooks/queries/useChartQuery.ts     | 34 ---------------
 web/src/hooks/queries/useDataPointQuery.ts | 29 -------------
 web/src/hooks/queries/useHomePageQuery.ts  | 41 ++++++++++++++++++
 web/src/hooks/useHomePageContext.tsx       | 31 ++++++++++++++
 web/src/pages/home/CourtOverview/Chart.tsx | 49 ++++++++++++++--------
 web/src/pages/home/CourtOverview/Stats.tsx | 26 ++++++------
 web/src/pages/home/index.tsx               | 19 ++++++---
 9 files changed, 139 insertions(+), 111 deletions(-)
 delete mode 100644 web/src/hooks/queries/useChartQuery.ts
 delete mode 100644 web/src/hooks/queries/useDataPointQuery.ts
 create mode 100644 web/src/hooks/queries/useHomePageQuery.ts
 create mode 100644 web/src/hooks/useHomePageContext.tsx

diff --git a/web/src/app.tsx b/web/src/app.tsx
index 805b5ef76..fd5b8be0c 100644
--- a/web/src/app.tsx
+++ b/web/src/app.tsx
@@ -6,10 +6,12 @@ import { Routes, Route } from "react-router-dom";
 import Layout from "layout/index";
 import Home from "./pages/home";
 
-const fetcherBuilder = (url: string) => (query: string) => {
-  console.log("fetch");
-  return request(url, query);
-};
+const fetcherBuilder =
+  (url: string) =>
+  ({ query, variables }: { query: string; variables?: any }) => {
+    console.log("fetch");
+    return request(url, query, variables);
+  };
 
 const App: React.FC = () => {
   return (
diff --git a/web/src/graphql/generated.ts b/web/src/graphql/generated.ts
index b7e5a1be9..510e8227b 100644
--- a/web/src/graphql/generated.ts
+++ b/web/src/graphql/generated.ts
@@ -1633,12 +1633,9 @@ export enum _SubgraphErrorPolicy_ {
   Deny = 'deny'
 }
 
-export type ChartQueryVariables = Exact<{ [key: string]: never; }>;
+export type HomePageQueryVariables = Exact<{
+  timeframe?: InputMaybe<Scalars['ID']>;
+}>;
 
 
-export type ChartQuery = { __typename?: 'Query', pnkstakedDataPoints: Array<{ __typename?: 'PNKStakedDataPoint', id: string, value: any }>, ethpaidDataPoints: Array<{ __typename?: 'ETHPaidDataPoint', id: string, value: any }>, pnkredistributedDataPoints: Array<{ __typename?: 'PNKRedistributedDataPoint', id: string, value: any }>, activeJurorsDataPoints: Array<{ __typename?: 'ActiveJurorsDataPoint', id: string, value: any }>, casesDataPoints: Array<{ __typename?: 'CasesDataPoint', id: string, value: any }> };
-
-export type CountersQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-export type CountersQuery = { __typename?: 'Query', pnkstakedDataPoint?: { __typename?: 'PNKStakedDataPoint', value: any } | null, ethpaidDataPoint?: { __typename?: 'ETHPaidDataPoint', value: any } | null, pnkredistributedDataPoint?: { __typename?: 'PNKRedistributedDataPoint', value: any } | null, activeJurorsDataPoint?: { __typename?: 'ActiveJurorsDataPoint', value: any } | null, casesDataPoint?: { __typename?: 'CasesDataPoint', value: any } | null };
+export type HomePageQuery = { __typename?: 'Query', disputes: Array<{ __typename?: 'Dispute', id: string }>, pnkstakedDataPoints: Array<{ __typename?: 'PNKStakedDataPoint', id: string, value: any }>, ethpaidDataPoints: Array<{ __typename?: 'ETHPaidDataPoint', id: string, value: any }>, pnkredistributedDataPoints: Array<{ __typename?: 'PNKRedistributedDataPoint', id: string, value: any }>, activeJurorsDataPoints: Array<{ __typename?: 'ActiveJurorsDataPoint', id: string, value: any }>, casesDataPoints: Array<{ __typename?: 'CasesDataPoint', id: string, value: any }> };
diff --git a/web/src/hooks/queries/useChartQuery.ts b/web/src/hooks/queries/useChartQuery.ts
deleted file mode 100644
index 283571852..000000000
--- a/web/src/hooks/queries/useChartQuery.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import useSWR from "swr";
-import { gql } from "graphql-request";
-import { ChartQuery } from "src/graphql/generated";
-
-const chartQuery = gql`
-  query Chart {
-    pnkstakedDataPoints(where: { id_gt: 1 }) {
-      id
-      value
-    }
-    ethpaidDataPoints(where: { id_gt: 1 }) {
-      id
-      value
-    }
-    pnkredistributedDataPoints(where: { id_gt: 1 }) {
-      id
-      value
-    }
-    activeJurorsDataPoints(where: { id_gt: 1 }) {
-      id
-      value
-    }
-    casesDataPoints(where: { id_gt: 1 }) {
-      id
-      value
-    }
-  }
-`;
-
-export const useChartQuery = () => {
-  const { data, error, isValidating } = useSWR(chartQuery);
-  const result = data as ChartQuery;
-  return { result, error, isValidating };
-};
diff --git a/web/src/hooks/queries/useDataPointQuery.ts b/web/src/hooks/queries/useDataPointQuery.ts
deleted file mode 100644
index 0dfb0cb66..000000000
--- a/web/src/hooks/queries/useDataPointQuery.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import useSWR from "swr";
-import { gql } from "graphql-request";
-import { CountersQuery } from "src/graphql/generated";
-
-const countersQuery = gql`
-  query Counters {
-    pnkstakedDataPoint(id: 0) {
-      value
-    }
-    ethpaidDataPoint(id: 0) {
-      value
-    }
-    pnkredistributedDataPoint(id: 0) {
-      value
-    }
-    activeJurorsDataPoint(id: 0) {
-      value
-    }
-    casesDataPoint(id: 0) {
-      value
-    }
-  }
-`;
-
-export const useDataPointQuery = () => {
-  const { data, error, isValidating } = useSWR(countersQuery);
-  const result = data ? (data as CountersQuery) : {};
-  return { result, error, isValidating };
-};
diff --git a/web/src/hooks/queries/useHomePageQuery.ts b/web/src/hooks/queries/useHomePageQuery.ts
new file mode 100644
index 000000000..80d36ee40
--- /dev/null
+++ b/web/src/hooks/queries/useHomePageQuery.ts
@@ -0,0 +1,41 @@
+import useSWR from "swr";
+import { gql } from "graphql-request";
+import { HomePageQuery } from "src/graphql/generated";
+export type { HomePageQuery };
+
+const homePageQuery = gql`
+  query HomePage($timeframe: ID) {
+    disputes(first: 5) {
+      id
+    }
+    pnkstakedDataPoints(where: { id_gt: $timeframe }) {
+      id
+      value
+    }
+    ethpaidDataPoints(where: { id_gt: $timeframe }) {
+      id
+      value
+    }
+    pnkredistributedDataPoints(where: { id_gt: $timeframe }) {
+      id
+      value
+    }
+    activeJurorsDataPoints(where: { id_gt: $timeframe }) {
+      id
+      value
+    }
+    casesDataPoints(where: { id_gt: $timeframe }) {
+      id
+      value
+    }
+  }
+`;
+
+export const useHomePageQuery = (timeframe: number) => {
+  const { data, error, isValidating } = useSWR({
+    query: homePageQuery,
+    variables: { timeframe: timeframe.toString() },
+  });
+  const result = data ? (data as HomePageQuery) : undefined;
+  return { data: result, error, isValidating };
+};
diff --git a/web/src/hooks/useHomePageContext.tsx b/web/src/hooks/useHomePageContext.tsx
new file mode 100644
index 000000000..6e2fc8981
--- /dev/null
+++ b/web/src/hooks/useHomePageContext.tsx
@@ -0,0 +1,31 @@
+import React, { createContext, useContext } from "react";
+import { useHomePageQuery, HomePageQuery } from "queries/useHomePageQuery";
+
+interface IContext {
+  data: HomePageQuery | undefined;
+  error: null | any;
+  isValidating: boolean;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const Context = createContext<IContext>({
+  data: undefined,
+  error: null,
+  isValidating: false,
+});
+
+export const HomePageProvider: React.FC<{ timeframe: number }> = ({
+  children,
+  timeframe,
+}) => {
+  const { data, error, isValidating } = useHomePageQuery(timeframe);
+  return (
+    <Context.Provider value={{ data, error, isValidating }}>
+      {children}
+    </Context.Provider>
+  );
+};
+
+export const useHomePageContext: () => IContext = () => {
+  return useContext(Context);
+};
diff --git a/web/src/pages/home/CourtOverview/Chart.tsx b/web/src/pages/home/CourtOverview/Chart.tsx
index 96a7b3e65..26383e870 100644
--- a/web/src/pages/home/CourtOverview/Chart.tsx
+++ b/web/src/pages/home/CourtOverview/Chart.tsx
@@ -1,9 +1,9 @@
-import React from "react";
+import React, { useState } from "react";
 import styled from "styled-components";
 import TimeSeriesChart from "./TimeSeriesChart";
 import { DropdownSelect } from "@kleros/ui-components-library";
 import { utils } from "ethers";
-import { useChartQuery } from "queries/useChartQuery";
+import { useHomePageContext } from "hooks/useHomePageContext";
 
 const Container = styled.div`
   margin-bottom: 32px;
@@ -17,23 +17,36 @@ const StyledDropdown = styled(DropdownSelect)`
 `;
 
 const CHART_OPTIONS = [
-  { text: "Staked PNK", value: 0 },
-  { text: "Cases", value: 1 },
+  { text: "Staked PNK", value: "pnkstakedDataPoints" },
+  { text: "Cases", value: "casesDataPoints" },
   { text: "Cases per court", value: 2 },
 ];
 
+interface IChartData {
+  x: number;
+  y: number;
+}
+
 const Chart: React.FC = () => {
-  const { result } = useChartQuery();
-  const pnkstakedDataPoints = result?.pnkstakedDataPoints;
-  const processedData = pnkstakedDataPoints?.reduce((data, { id, value }) => {
-    return [
-      ...data,
-      {
-        x: parseInt(id) * 1000,
-        y: parseInt(utils.formatUnits(value, 18)),
-      },
-    ];
-  }, []);
+  const [chartOption, setChartOption] = useState("pnkstakedDataPoints");
+  const { data } = useHomePageContext();
+  const chartData = data?.[chartOption];
+  const processedData = chartData?.reduce(
+    (data: IChartData[], { id, value }: { id: string; value: string }) => {
+      return [
+        ...data,
+        {
+          x: parseInt(id) * 1000,
+          y: parseInt(
+            chartOption === "pnkstakedDataPoints"
+              ? utils.formatUnits(value, 18)
+              : value
+          ),
+        },
+      ];
+    },
+    []
+  );
 
   return (
     <Container>
@@ -41,10 +54,10 @@ const Chart: React.FC = () => {
         smallButton
         simpleButton
         alignRight
-        defaultValue={0}
+        defaultValue={"pnkstakedDataPoints"}
         items={CHART_OPTIONS}
-        callback={() => {
-          // hey
+        callback={(newValue: string) => {
+          setChartOption(newValue);
         }}
       />
       {processedData ? <TimeSeriesChart data={processedData} /> : "Fetching..."}
diff --git a/web/src/pages/home/CourtOverview/Stats.tsx b/web/src/pages/home/CourtOverview/Stats.tsx
index bbe6cd9b9..8f6eb3e4d 100644
--- a/web/src/pages/home/CourtOverview/Stats.tsx
+++ b/web/src/pages/home/CourtOverview/Stats.tsx
@@ -8,7 +8,7 @@ import EthereumIcon from "svgs/icons/ethereum.svg";
 import PNKRedistributedIcon from "svgs/icons/redistributed-pnk.svg";
 import JurorIcon from "svgs/icons/user.svg";
 import BalanceIcon from "svgs/icons/law-balance.svg";
-import { useDataPointQuery } from "hooks/queries/useDataPointQuery";
+import { useHomePageContext } from "hooks/useHomePageContext";
 
 const StyledCard = styled(Card)`
   width: auto;
@@ -22,21 +22,21 @@ const StyledCard = styled(Card)`
 `;
 
 const Stats = () => {
-  const { result } = useDataPointQuery();
+  const { data } = useHomePageContext();
   const {
-    pnkstakedDataPoint: stakedPNK,
-    ethpaidDataPoint: paidETH,
-    pnkredistributedDataPoint: redistributedPNK,
-    activeJurorsDataPoint: activeJurors,
-    casesDataPoint: cases,
-  } = result;
+    pnkstakedDataPoints: stakedPNK = undefined,
+    ethpaidDataPoints: paidETH = undefined,
+    pnkredistributedDataPoints: redistributedPNK = undefined,
+    activeJurorsDataPoints: activeJurors = undefined,
+    casesDataPoints: cases = undefined,
+  } = data ? data : {};
   return (
     <StyledCard>
       <StatDisplay
         title="PNK staked"
         text={
           stakedPNK
-            ? utils.commify(utils.formatUnits(stakedPNK.value, 18))
+            ? utils.commify(utils.formatUnits(stakedPNK.at(-1)?.value, 18))
             : "Fetching..."
         }
         subtext="$ 3,000,000"
@@ -47,7 +47,7 @@ const Stats = () => {
         title="ETH Paid to jurors"
         text={
           paidETH
-            ? utils.commify(utils.formatEther(paidETH.value))
+            ? utils.commify(utils.formatEther(paidETH.at(-1)?.value))
             : "Fetching..."
         }
         subtext="$ 3,000,000"
@@ -58,7 +58,7 @@ const Stats = () => {
         title="PNK redistributed"
         text={
           redistributedPNK
-            ? utils.commify(utils.formatUnits(redistributedPNK.value, 18))
+            ? utils.commify(utils.formatUnits(redistributedPNK.at(-1)?.value, 18))
             : "Fetching..."
         }
         subtext="$ 3,000,000"
@@ -67,14 +67,14 @@ const Stats = () => {
       />
       <StatDisplay
         title="Active jurors"
-        text={activeJurors ? activeJurors.value : "Fetching..."}
+        text={activeJurors ? activeJurors.at(-1)?.value : "Fetching..."}
         subtext="$ 3,000,000"
         color="green"
         icon={JurorIcon}
       />
       <StatDisplay
         title="Cases"
-        text={cases ? cases.value : "Fetching..."}
+        text={cases ? cases.at(-1)?.value : "Fetching..."}
         subtext="$ 3,000,000"
         color="orange"
         icon={BalanceIcon}
diff --git a/web/src/pages/home/index.tsx b/web/src/pages/home/index.tsx
index 5a12057f8..6e36c9f12 100644
--- a/web/src/pages/home/index.tsx
+++ b/web/src/pages/home/index.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import CourtOverview from "./CourtOverview";
 import LatestCases from "./LatestCases";
+import { HomePageProvider } from "hooks/useHomePageContext";
 
 const Container = styled.div`
   width: 100%;
@@ -10,11 +11,17 @@ const Container = styled.div`
   padding: 32px;
 `;
 
-const Home: React.FC = () => (
-  <Container>
-    <CourtOverview />
-    <LatestCases />
-  </Container>
-);
+const Home: React.FC = () => {
+  const currentTime = new Date().getTime() / 1000;
+  const oneYearAgo = currentTime - 31556926; // One year in seconds
+  return (
+    <HomePageProvider timeframe={oneYearAgo}>
+      <Container>
+        <CourtOverview />
+        <LatestCases />
+      </Container>
+    </HomePageProvider>
+  );
+};
 
 export default Home;

From a0e368f88f235e9ac946477fde403a88f6f22b9c Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Thu, 2 Jun 2022 11:37:56 +0200
Subject: [PATCH 21/24] feat(web): add Community section to homepage

---
 web/src/assets/svgs/icons/chat.svg           |  10 ++
 web/src/assets/svgs/icons/french-flag.svg    |   5 +
 web/src/assets/svgs/icons/phone.svg          |   5 +
 web/src/assets/svgs/icons/snapshot-color.svg |   3 +
 web/src/assets/svgs/socialmedia/slack.svg    |  10 ++
 web/src/consts/community-elements.tsx        | 113 +++++++++++++++++++
 web/src/pages/home/Community/Element.tsx     |  45 ++++++++
 web/src/pages/home/Community/index.tsx       |  48 ++++++++
 web/src/pages/home/index.tsx                 |   2 +
 web/src/styles/global-style.ts               |   7 ++
 10 files changed, 248 insertions(+)
 create mode 100644 web/src/assets/svgs/icons/chat.svg
 create mode 100644 web/src/assets/svgs/icons/french-flag.svg
 create mode 100644 web/src/assets/svgs/icons/phone.svg
 create mode 100644 web/src/assets/svgs/icons/snapshot-color.svg
 create mode 100644 web/src/assets/svgs/socialmedia/slack.svg
 create mode 100644 web/src/consts/community-elements.tsx
 create mode 100644 web/src/pages/home/Community/Element.tsx
 create mode 100644 web/src/pages/home/Community/index.tsx

diff --git a/web/src/assets/svgs/icons/chat.svg b/web/src/assets/svgs/icons/chat.svg
new file mode 100644
index 000000000..411718aeb
--- /dev/null
+++ b/web/src/assets/svgs/icons/chat.svg
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14018_54599)">
+<path d="M4.50207 7C3.94895 7 3.50207 7.44688 3.50207 8C3.50207 8.55312 3.94895 9 4.50207 9C5.0552 9 5.50207 8.55312 5.50207 8C5.50207 7.44688 5.0552 7 4.50207 7ZM8.00207 7C7.44895 7 7.00207 7.44688 7.00207 8C7.00207 8.55312 7.44895 9 8.00207 9C8.5552 9 9.00207 8.55312 9.00207 8C9.00207 7.44688 8.5552 7 8.00207 7ZM11.5021 7C10.9489 7 10.5021 7.44688 10.5021 8C10.5021 8.55312 10.9489 9 11.5021 9C12.0552 9 12.5021 8.55312 12.5021 8C12.5021 7.44688 12.0552 7 11.5021 7ZM8.00207 1.5C3.58332 1.5 0.00207401 4.40937 0.00207401 8C0.00207401 9.4875 0.623949 10.85 1.6552 11.9469C1.18957 13.1781 0.220824 14.2219 0.205199 14.2344C-0.00105099 14.4531 -0.057301 14.7719 0.061449 15.0469C0.180199 15.3219 0.452074 15.5 0.752074 15.5C2.67395 15.5 4.18957 14.6969 5.09895 14.0531C6.00207 14.3375 6.97707 14.5 8.00207 14.5C12.4208 14.5 16.0021 11.5906 16.0021 8C16.0021 4.40937 12.4208 1.5 8.00207 1.5ZM8.00207 13C7.1677 13 6.3427 12.8719 5.55207 12.6219L4.8427 12.3969L4.23332 12.8281C3.78645 13.1438 3.17395 13.4969 2.43645 13.7344C2.66457 13.3562 2.88645 12.9312 3.05832 12.4781L3.38957 11.6L2.74582 10.9187C2.1802 10.3156 1.50207 9.31875 1.50207 8C1.50207 5.24375 4.4177 3 8.00207 3C11.5864 3 14.5021 5.24375 14.5021 8C14.5021 10.7563 11.5864 13 8.00207 13Z"/>
+</g>
+<defs>
+<clipPath id="clip0_14018_54599">
+<rect transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/assets/svgs/icons/french-flag.svg b/web/src/assets/svgs/icons/french-flag.svg
new file mode 100644
index 000000000..1e72458c1
--- /dev/null
+++ b/web/src/assets/svgs/icons/french-flag.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="3.5" width="5.33333" height="10.4762" fill="#003493"/>
+<rect x="5.3335" y="3.5" width="5.33333" height="10.4762" fill="white"/>
+<rect x="10.6665" y="3.5" width="5.33333" height="10.4762" fill="#DD4D48"/>
+</svg>
diff --git a/web/src/assets/svgs/icons/phone.svg b/web/src/assets/svgs/icons/phone.svg
new file mode 100644
index 000000000..4164619d2
--- /dev/null
+++ b/web/src/assets/svgs/icons/phone.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14018_54611)">
+<path d="M15.975 12.5939L15.2484 15.7439C15.1464 16.1892 14.755 16.5008 14.2966 16.5008C6.4125 16.5002 0 10.0877 0 2.20331C0 1.74518 0.311531 1.35331 0.756875 1.25175L3.90687 0.525184C4.36562 0.418872 4.83437 0.656996 5.025 1.09143L6.47875 4.48205C6.64869 4.88143 6.53406 5.34674 6.19812 5.62112L4.51562 6.97205C5.5775 9.13517 7.33625 10.8939 9.5 11.9564L10.8775 10.2752C11.149 9.9383 11.6178 9.82174 12.0172 9.9947L15.4078 11.4481C15.8156 11.6627 16.0813 12.1377 15.975 12.5939Z"/>
+</g>
+</svg>
diff --git a/web/src/assets/svgs/icons/snapshot-color.svg b/web/src/assets/svgs/icons/snapshot-color.svg
new file mode 100644
index 000000000..683389dd3
--- /dev/null
+++ b/web/src/assets/svgs/icons/snapshot-color.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.137738 9.14627L10.0078 0.599994C10.34 0.312361 10.8238 0.698352 10.6172 1.08615L7.39519 7.13327H12.9962C13.3644 7.13327 13.5337 7.59148 13.254 7.83092L3.24159 16.4016C2.91004 16.6854 2.43019 16.3034 2.63246 15.9166L5.80933 9.84245H0.397261C0.0301627 9.84245 -0.139783 9.38656 0.137738 9.14627Z" fill="#FFAC32"/>
+</svg>
diff --git a/web/src/assets/svgs/socialmedia/slack.svg b/web/src/assets/svgs/socialmedia/slack.svg
new file mode 100644
index 000000000..d9aa733f0
--- /dev/null
+++ b/web/src/assets/svgs/socialmedia/slack.svg
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14018_54608)">
+<path d="M3.36143 10.6107C3.36143 11.5357 2.60571 12.2914 1.68071 12.2914C0.755714 12.2914 0 11.5357 0 10.6107C0 9.68571 0.755714 8.93 1.68071 8.93H3.36143V10.6107ZM4.20857 10.6107C4.20857 9.68571 4.96429 8.93 5.88929 8.93C6.81429 8.93 7.57 9.68571 7.57 10.6107V14.8193C7.57 15.7443 6.81429 16.5 5.88929 16.5C4.96429 16.5 4.20857 15.7443 4.20857 14.8193V10.6107ZM5.88929 3.86143C4.96429 3.86143 4.20857 3.10571 4.20857 2.18071C4.20857 1.25571 4.96429 0.5 5.88929 0.5C6.81429 0.5 7.57 1.25571 7.57 2.18071V3.86143H5.88929ZM5.88929 4.70857C6.81429 4.70857 7.57 5.46429 7.57 6.38929C7.57 7.31429 6.81429 8.07 5.88929 8.07H1.68071C0.755714 8.07 0 7.31429 0 6.38929C0 5.46429 0.755714 4.70857 1.68071 4.70857H5.88929ZM12.6386 6.38929C12.6386 5.46429 13.3943 4.70857 14.3193 4.70857C15.2443 4.70857 16 5.46429 16 6.38929C16 7.31429 15.2443 8.07 14.3193 8.07H12.6386V6.38929ZM11.7914 6.38929C11.7914 7.31429 11.0357 8.07 10.1107 8.07C9.18571 8.07 8.43 7.31429 8.43 6.38929V2.18071C8.43 1.25571 9.18571 0.5 10.1107 0.5C11.0357 0.5 11.7914 1.25571 11.7914 2.18071V6.38929ZM10.1107 13.1386C11.0357 13.1386 11.7914 13.8943 11.7914 14.8193C11.7914 15.7443 11.0357 16.5 10.1107 16.5C9.18571 16.5 8.43 15.7443 8.43 14.8193V13.1386H10.1107ZM10.1107 12.2914C9.18571 12.2914 8.43 11.5357 8.43 10.6107C8.43 9.68571 9.18571 8.93 10.1107 8.93H14.3193C15.2443 8.93 16 9.68571 16 10.6107C16 11.5357 15.2443 12.2914 14.3193 12.2914H10.1107Z" fill="#009AFF"/>
+</g>
+<defs>
+<clipPath id="clip0_14018_54608">
+<rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/src/consts/community-elements.tsx b/web/src/consts/community-elements.tsx
new file mode 100644
index 000000000..9b73d7e4f
--- /dev/null
+++ b/web/src/consts/community-elements.tsx
@@ -0,0 +1,113 @@
+import React from "react";
+import styled, { css } from "styled-components";
+import { IElement } from "../pages/home/Community/Element";
+import PNKIcon from "svgs/icons/pnk.svg";
+import SnapshotIcon from "svgs/icons/snapshot-color.svg";
+import FrenchFlagIcon from "svgs/icons/french-flag.svg";
+import PhoneIcon from "svgs/icons/phone.svg";
+import ChatIcon from "svgs/icons/chat.svg";
+import DiscordIcon from "svgs/socialmedia/discord.svg";
+import TelegramIcon from "svgs/socialmedia/telegram.svg";
+import SlackIcon from "svgs/socialmedia/slack.svg";
+
+const StyledLabel = styled.label`
+  color: ${({ theme }) => theme.primaryBlue};
+  :hover {
+    cursor: pointer;
+  }
+`;
+
+const fillWithSecondaryPurple = css`
+  fill: ${({ theme }) => theme.secondaryPurple};
+`;
+
+const StyledPNKIcon = styled(PNKIcon)`
+  ${fillWithSecondaryPurple}
+`;
+
+const StyledPhoneIcon = styled(PhoneIcon)`
+  ${fillWithSecondaryPurple}
+`;
+
+const StyledChatIcon = styled(ChatIcon)`
+  ${fillWithSecondaryPurple}
+`;
+
+const fillWithPrimaryBlue = css`
+  fill: ${({ theme }) => theme.primaryBlue};
+`;
+
+const StyledDiscordIcon = styled(DiscordIcon)`
+  ${fillWithPrimaryBlue}
+`;
+
+const StyledTelegramIcon = styled(TelegramIcon)`
+  ${fillWithPrimaryBlue}
+`;
+
+const StyledSlackIcon = styled(SlackIcon)`
+  ${fillWithPrimaryBlue}
+`;
+
+export const firstSection: IElement[] = [
+  {
+    Icon: StyledPNKIcon,
+    primaryText: "Join the discussions",
+    urls: [
+      {
+        node: <StyledLabel>Kleros Forum</StyledLabel>,
+        link: "https://google.com",
+      },
+    ],
+  },
+  {
+    Icon: SnapshotIcon,
+    primaryText: "Vote on proposals",
+    urls: [
+      {
+        node: <StyledLabel>Snapshot</StyledLabel>,
+        link: "https://google.com",
+      },
+    ],
+  },
+  {
+    Icon: FrenchFlagIcon,
+    urls: [
+      {
+        node: <StyledLabel>Cooperative Kleros</StyledLabel>,
+        link: "https://google.com",
+      },
+    ],
+  },
+];
+
+export const secondSection: IElement[] = [
+  {
+    Icon: StyledPhoneIcon,
+    primaryText: "Join the Community Call",
+    urls: [
+      {
+        node: <StyledLabel>Join</StyledLabel>,
+        link: "https://google.com",
+      },
+    ],
+  },
+  {
+    Icon: StyledChatIcon,
+    primaryText: "Talk with us",
+    urls: [
+      {
+        node: <StyledDiscordIcon />,
+        link: "https://google.com",
+      },
+      {
+        node: <StyledTelegramIcon />,
+        link: "https://google.com",
+      },
+      {
+        node: <StyledSlackIcon />,
+        link: "https://google.com",
+      },
+    ],
+  },
+];
diff --git a/web/src/pages/home/Community/Element.tsx b/web/src/pages/home/Community/Element.tsx
new file mode 100644
index 000000000..00bb78c94
--- /dev/null
+++ b/web/src/pages/home/Community/Element.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import styled from "styled-components";
+
+const Container = styled.div`
+  display: flex;
+  gap: 8px;
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  .link-container {
+    display: flex;
+    gap: 8px;
+  }
+`;
+
+const StyledLabel = styled.label`
+  color: ${({ theme }) => theme.primaryText};
+`;
+
+export interface IElement {
+  primaryText?: string;
+  urls: { node: React.ReactNode; link: string }[];
+  Icon?: React.FC<React.SVGAttributes<SVGElement>>;
+}
+
+export const Element: React.FC<IElement> = ({ primaryText, urls, Icon }) => (
+  <Container>
+    {Icon && <Icon />}
+    {primaryText && (
+      <>
+        <StyledLabel>{primaryText}</StyledLabel> <StyledLabel>|</StyledLabel>
+      </>
+    )}
+    <div className="link-container">
+      {urls.map(({ node, link }) => (
+        <a key={link} href={link}>
+          {node}
+        </a>
+      ))}
+    </div>
+  </Container>
+);
diff --git a/web/src/pages/home/Community/index.tsx b/web/src/pages/home/Community/index.tsx
new file mode 100644
index 000000000..ccb23d2a1
--- /dev/null
+++ b/web/src/pages/home/Community/index.tsx
@@ -0,0 +1,48 @@
+import React from "react";
+import styled from "styled-components";
+import { Card } from "@kleros/ui-components-library";
+import { Element } from "./Element";
+import { firstSection, secondSection } from "consts/community-elements";
+
+const Container = styled.div`
+  margin-top: 64px;
+`;
+
+const StyledCard = styled(Card)`
+  width: 100%;
+  height: auto;
+`;
+
+const StyledSeparator = styled.hr`
+  margin: 0;
+`;
+
+const Section = styled.div`
+  width: 100%;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+`;
+
+const Community = () => (
+  <Container>
+    <h1>Community</h1>
+    <StyledCard>
+      <Section>
+        {firstSection.map((element, i) => (
+          <Element key={i} {...element} />
+        ))}
+      </Section>
+      <StyledSeparator />
+      <Section>
+        {secondSection.map((element, i) => (
+          <Element key={i} {...element} />
+        ))}
+      </Section>
+    </StyledCard>
+  </Container>
+);
+
+export default Community;
diff --git a/web/src/pages/home/index.tsx b/web/src/pages/home/index.tsx
index 6e36c9f12..41fa1ab36 100644
--- a/web/src/pages/home/index.tsx
+++ b/web/src/pages/home/index.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import styled from "styled-components";
 import CourtOverview from "./CourtOverview";
 import LatestCases from "./LatestCases";
+import Community from "./Community";
 import { HomePageProvider } from "hooks/useHomePageContext";
 
 const Container = styled.div`
@@ -19,6 +20,7 @@ const Home: React.FC = () => {
       <Container>
         <CourtOverview />
         <LatestCases />
+        <Community />
       </Container>
     </HomePageProvider>
   );
diff --git a/web/src/styles/global-style.ts b/web/src/styles/global-style.ts
index 5bffde496..ef19bf7f8 100644
--- a/web/src/styles/global-style.ts
+++ b/web/src/styles/global-style.ts
@@ -63,6 +63,13 @@ export const GlobalStyle = createGlobalStyle`
     color: ${({ theme }) => theme.secondaryText};
   }
 
+  a {
+    font-weight: 400;
+    font-size: 14px;
+    text-decoration: none;
+    color: ${({ theme }) => theme.primaryBlue};
+  }
+
   hr {
     opacity: 1;
     border: 1px solid ${({ theme }) => theme.stroke};

From 2af569a69193599effbe128fe48faa5b5fde1d38 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Thu, 2 Jun 2022 11:39:29 +0200
Subject: [PATCH 22/24] chore(web): update react typing packages and eslint

---
 package.json     |   1 +
 web/package.json |  12 ++-
 yarn.lock        | 262 +++++++++++++++++++++++++++++++++++++++++++++--
 3 files changed, 260 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 15c1f6c46..2012be033 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-promise": "^5.1.1",
+    "eslint-utils": "^3.0.0",
     "husky": "^7.0.0",
     "lint-staged": "^11.0.0",
     "npm-run-all": "^4.1.5",
diff --git a/web/package.json b/web/package.json
index cef75100d..94fc7e1ab 100644
--- a/web/package.json
+++ b/web/package.json
@@ -31,12 +31,13 @@
   },
   "devDependencies": {
     "@parcel/transformer-svg-react": "^2.5.0",
-    "@types/react": "^17.0.38",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/styled-components": "^5.1.21",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
-    "@typescript-eslint/parser": "^5.10.1",
-    "eslint": "^8.7.0",
+    "@typescript-eslint/eslint-plugin": "^5.27.0",
+    "@typescript-eslint/parser": "^5.27.0",
+    "@typescript-eslint/utils": "^5.27.0",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-import-resolver-parcel": "^1.10.6",
     "eslint-plugin-import": "^2.25.4",
@@ -44,6 +45,7 @@
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-security": "^1.4.0",
+    "eslint-utils": "^3.0.0",
     "lru-cache": "^7.8.0",
     "parcel": "^2.5.0",
     "prettier": "^2.5.1",
diff --git a/yarn.lock b/yarn.lock
index 4535644cf..2ffa8a8d2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1034,6 +1034,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint/eslintrc@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@eslint/eslintrc@npm:1.3.0"
+  dependencies:
+    ajv: ^6.12.4
+    debug: ^4.3.2
+    espree: ^9.3.2
+    globals: ^13.15.0
+    ignore: ^5.2.0
+    import-fresh: ^3.2.1
+    js-yaml: ^4.1.0
+    minimatch: ^3.1.2
+    strip-json-comments: ^3.1.1
+  checksum: a1e734ad31a8b5328dce9f479f185fd4fc83dd7f06c538e1fa457fd8226b89602a55cc6458cd52b29573b01cdfaf42331be8cfc1fec732570086b591f4ed6515
+  languageName: node
+  linkType: hard
+
 "@ethereum-waffle/chai@npm:^3.4.4":
   version: 3.4.4
   resolution: "@ethereum-waffle/chai@npm:3.4.4"
@@ -2704,15 +2721,16 @@ __metadata:
     "@kleros/kleros-v2-contracts": "workspace:^"
     "@kleros/ui-components-library": ^1.1.0
     "@parcel/transformer-svg-react": ^2.5.0
-    "@types/react": ^17.0.38
-    "@types/react-dom": ^17.0.11
+    "@types/react": ^18.0.0
+    "@types/react-dom": ^18.0.0
     "@types/styled-components": ^5.1.21
-    "@typescript-eslint/eslint-plugin": ^5.10.1
-    "@typescript-eslint/parser": ^5.10.1
+    "@typescript-eslint/eslint-plugin": ^5.27.0
+    "@typescript-eslint/parser": ^5.27.0
+    "@typescript-eslint/utils": ^5.27.0
     chart.js: ^3.7.1
     chartjs-adapter-moment: ^1.0.0
     core-js: ^3.21.1
-    eslint: ^8.7.0
+    eslint: ^8.16.0
     eslint-config-prettier: ^8.3.0
     eslint-import-resolver-parcel: ^1.10.6
     eslint-plugin-import: ^2.25.4
@@ -2720,6 +2738,7 @@ __metadata:
     eslint-plugin-react: ^7.28.0
     eslint-plugin-react-hooks: ^4.3.0
     eslint-plugin-security: ^1.4.0
+    eslint-utils: ^3.0.0
     ethers: ^5.6.5
     graphql: ^16.4.0
     graphql-request: ^4.2.0
@@ -5219,6 +5238,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-dom@npm:^18.0.0":
+  version: 18.0.5
+  resolution: "@types/react-dom@npm:18.0.5"
+  dependencies:
+    "@types/react": "*"
+  checksum: cd48b81950f499b52a3f0c08261f00046f9b7c96699fa249c9664e257e820daf6ecac815cd1028cebc9d105094adc39d047d1efd79214394b8b2d515574c0787
+  languageName: node
+  linkType: hard
+
 "@types/react@npm:*":
   version: 18.0.1
   resolution: "@types/react@npm:18.0.1"
@@ -5241,6 +5269,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react@npm:^18.0.0":
+  version: 18.0.10
+  resolution: "@types/react@npm:18.0.10"
+  dependencies:
+    "@types/prop-types": "*"
+    "@types/scheduler": "*"
+    csstype: ^3.0.2
+  checksum: 333c99bd46cc2190ec6f6e4f3fa6cdee07e1d4d028fb2bd895d3927d9de6e86ede57befdc79d9acbfb7b1c058091bf3b38b8de3703f83e0f8cd8d15d7457b3d8
+  languageName: node
+  linkType: hard
+
 "@types/resolve@npm:^0.0.8":
   version: 0.0.8
   resolution: "@types/resolve@npm:0.0.8"
@@ -5338,7 +5377,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:^5.10.1, @typescript-eslint/eslint-plugin@npm:^5.15.0":
+"@typescript-eslint/eslint-plugin@npm:^5.15.0":
   version: 5.19.0
   resolution: "@typescript-eslint/eslint-plugin@npm:5.19.0"
   dependencies:
@@ -5361,7 +5400,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^5.10.1, @typescript-eslint/parser@npm:^5.15.0":
+"@typescript-eslint/eslint-plugin@npm:^5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:5.27.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": 5.27.0
+    "@typescript-eslint/type-utils": 5.27.0
+    "@typescript-eslint/utils": 5.27.0
+    debug: ^4.3.4
+    functional-red-black-tree: ^1.0.1
+    ignore: ^5.2.0
+    regexpp: ^3.2.0
+    semver: ^7.3.7
+    tsutils: ^3.21.0
+  peerDependencies:
+    "@typescript-eslint/parser": ^5.0.0
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: af7970f90c511641c332b7abecc53523fbbcb19e59ec52df9679f02047ddd5fd5e9ce3ca9359b17674ac7e20e380995861482fb6e60049fe8facd766c2bd85fe
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:^5.15.0":
   version: 5.19.0
   resolution: "@typescript-eslint/parser@npm:5.19.0"
   dependencies:
@@ -5378,6 +5440,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/parser@npm:^5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/parser@npm:5.27.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": 5.27.0
+    "@typescript-eslint/types": 5.27.0
+    "@typescript-eslint/typescript-estree": 5.27.0
+    debug: ^4.3.4
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 40ccdc481f871c296ee419e886ffd6f89ec23f6b10dbb2847c7e89bfd2234c6be23c49ab92d2965e16cd4c3cf378010e3dcd72d34f82b1e2ca8b5c812133fb00
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/scope-manager@npm:5.19.0":
   version: 5.19.0
   resolution: "@typescript-eslint/scope-manager@npm:5.19.0"
@@ -5388,6 +5467,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/scope-manager@npm:5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/scope-manager@npm:5.27.0"
+  dependencies:
+    "@typescript-eslint/types": 5.27.0
+    "@typescript-eslint/visitor-keys": 5.27.0
+  checksum: 84eb2d6241a6644c622b473c060bb7a227c2a82e8af8ddcf654fb63716e1b3c6fe1b5d747d032d85594c0ad147d95aabc2b217d4af574b55eab93910e0c292ce
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/type-utils@npm:5.19.0":
   version: 5.19.0
   resolution: "@typescript-eslint/type-utils@npm:5.19.0"
@@ -5404,6 +5493,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/type-utils@npm:5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/type-utils@npm:5.27.0"
+  dependencies:
+    "@typescript-eslint/utils": 5.27.0
+    debug: ^4.3.4
+    tsutils: ^3.21.0
+  peerDependencies:
+    eslint: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 21ef57ecc0dfa085e7ce8f7714d143993f592004086e37582cb6ab5924cb3358267b607e0701ce43737e01f46fb33d66e3f3428fbb7be6e64971d4c26f73c265
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/types@npm:5.19.0":
   version: 5.19.0
   resolution: "@typescript-eslint/types@npm:5.19.0"
@@ -5411,6 +5516,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/types@npm:5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/types@npm:5.27.0"
+  checksum: d19802bb7bc8202885a47118e196ad9a26b686f00da5aa71a84974c1e838c5e3a36f54116605c46ffe909ccf856a49623f2a095fd05243b4fe4fecfe5cecb89c
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/typescript-estree@npm:5.19.0":
   version: 5.19.0
   resolution: "@typescript-eslint/typescript-estree@npm:5.19.0"
@@ -5429,6 +5541,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/typescript-estree@npm:5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/typescript-estree@npm:5.27.0"
+  dependencies:
+    "@typescript-eslint/types": 5.27.0
+    "@typescript-eslint/visitor-keys": 5.27.0
+    debug: ^4.3.4
+    globby: ^11.1.0
+    is-glob: ^4.0.3
+    semver: ^7.3.7
+    tsutils: ^3.21.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: a0f14c332cd293a100399172c9ae498c230c8c205ab74565ea2de08a0bd860af829a9c4dde1888df89667fa0bc29048bc33993eb9445d2689fa2dfcec55c4915
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/utils@npm:5.19.0":
   version: 5.19.0
   resolution: "@typescript-eslint/utils@npm:5.19.0"
@@ -5445,6 +5575,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/utils@npm:5.27.0, @typescript-eslint/utils@npm:^5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/utils@npm:5.27.0"
+  dependencies:
+    "@types/json-schema": ^7.0.9
+    "@typescript-eslint/scope-manager": 5.27.0
+    "@typescript-eslint/types": 5.27.0
+    "@typescript-eslint/typescript-estree": 5.27.0
+    eslint-scope: ^5.1.1
+    eslint-utils: ^3.0.0
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: ed823528c3b7f8c71a44ea0481896c46178e361e89003c63736de6ece45cb771defea13b505f0adb517c59f55a95d0b5f1bb990f7a24d3a2597aa045bba0a7bf
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/visitor-keys@npm:5.19.0":
   version: 5.19.0
   resolution: "@typescript-eslint/visitor-keys@npm:5.19.0"
@@ -5455,6 +5601,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/visitor-keys@npm:5.27.0":
+  version: 5.27.0
+  resolution: "@typescript-eslint/visitor-keys@npm:5.27.0"
+  dependencies:
+    "@typescript-eslint/types": 5.27.0
+    eslint-visitor-keys: ^3.3.0
+  checksum: 7781f35e25a09d0986b4ba97c707102394cf94738a92d68eca6382b00ffba1b0fac3e937ca4ee6266295dd40ec837a61889fd715f594549f2c3d837594999c29
+  languageName: node
+  linkType: hard
+
 "@ungap/promise-all-settled@npm:1.1.2":
   version: 1.1.2
   resolution: "@ungap/promise-all-settled@npm:1.1.2"
@@ -5869,7 +6025,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-jsx@npm:^5.0.0, acorn-jsx@npm:^5.3.1":
+"acorn-jsx@npm:^5.0.0, acorn-jsx@npm:^5.3.1, acorn-jsx@npm:^5.3.2":
   version: 5.3.2
   resolution: "acorn-jsx@npm:5.3.2"
   peerDependencies:
@@ -5912,6 +6068,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.7.1":
+  version: 8.7.1
+  resolution: "acorn@npm:8.7.1"
+  bin:
+    acorn: bin/acorn
+  checksum: aca0aabf98826717920ac2583fdcad0a6fbe4e583fdb6e843af2594e907455aeafe30b1e14f1757cd83ce1776773cf8296ffc3a4acf13f0bd3dfebcf1db6ae80
+  languageName: node
+  linkType: hard
+
 "add-stream@npm:^1.0.0":
   version: 1.0.0
   resolution: "add-stream@npm:1.0.0"
@@ -9209,7 +9374,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.2.0, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3":
+"debug@npm:4, debug@npm:^4.0.1, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.2.0, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4":
   version: 4.3.4
   resolution: "debug@npm:4.3.4"
   dependencies:
@@ -10452,6 +10617,51 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint@npm:^8.16.0":
+  version: 8.16.0
+  resolution: "eslint@npm:8.16.0"
+  dependencies:
+    "@eslint/eslintrc": ^1.3.0
+    "@humanwhocodes/config-array": ^0.9.2
+    ajv: ^6.10.0
+    chalk: ^4.0.0
+    cross-spawn: ^7.0.2
+    debug: ^4.3.2
+    doctrine: ^3.0.0
+    escape-string-regexp: ^4.0.0
+    eslint-scope: ^7.1.1
+    eslint-utils: ^3.0.0
+    eslint-visitor-keys: ^3.3.0
+    espree: ^9.3.2
+    esquery: ^1.4.0
+    esutils: ^2.0.2
+    fast-deep-equal: ^3.1.3
+    file-entry-cache: ^6.0.1
+    functional-red-black-tree: ^1.0.1
+    glob-parent: ^6.0.1
+    globals: ^13.15.0
+    ignore: ^5.2.0
+    import-fresh: ^3.0.0
+    imurmurhash: ^0.1.4
+    is-glob: ^4.0.0
+    js-yaml: ^4.1.0
+    json-stable-stringify-without-jsonify: ^1.0.1
+    levn: ^0.4.1
+    lodash.merge: ^4.6.2
+    minimatch: ^3.1.2
+    natural-compare: ^1.4.0
+    optionator: ^0.9.1
+    regexpp: ^3.2.0
+    strip-ansi: ^6.0.1
+    strip-json-comments: ^3.1.0
+    text-table: ^0.2.0
+    v8-compile-cache: ^2.0.3
+  bin:
+    eslint: bin/eslint.js
+  checksum: 654a0200b49dc07280673fee13cdfb04326466790e031dfa9660b69fba3b1cf766a51504328f9de56bd18e6b5eb7578985cf29dc7f016c5ec851220ff9db95eb
+  languageName: node
+  linkType: hard
+
 "eslint@npm:^8.7.0":
   version: 8.13.0
   resolution: "eslint@npm:8.13.0"
@@ -10530,6 +10740,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"espree@npm:^9.3.2":
+  version: 9.3.2
+  resolution: "espree@npm:9.3.2"
+  dependencies:
+    acorn: ^8.7.1
+    acorn-jsx: ^5.3.2
+    eslint-visitor-keys: ^3.3.0
+  checksum: 9a790d6779847051e87f70d720a0f6981899a722419e80c92ab6dee01e1ab83b8ce52d11b4dc96c2c490182efb5a4c138b8b0d569205bfe1cd4629e658e58c30
+  languageName: node
+  linkType: hard
+
 "esprima@npm:2.7.x, esprima@npm:^2.7.1":
   version: 2.7.3
   resolution: "esprima@npm:2.7.3"
@@ -12436,6 +12657,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globals@npm:^13.15.0":
+  version: 13.15.0
+  resolution: "globals@npm:13.15.0"
+  dependencies:
+    type-fest: ^0.20.2
+  checksum: 383ade0873b2ab29ce6d143466c203ed960491575bc97406395e5c8434026fb02472ab2dfff5bc16689b8460269b18fda1047975295cd0183904385c51258bae
+  languageName: node
+  linkType: hard
+
 "globals@npm:^13.2.0, globals@npm:^13.6.0, globals@npm:^13.9.0":
   version: 13.13.0
   resolution: "globals@npm:13.13.0"
@@ -12468,7 +12698,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.0.3, globby@npm:^11.0.4":
+"globby@npm:^11.0.3, globby@npm:^11.0.4, globby@npm:^11.1.0":
   version: 11.1.0
   resolution: "globby@npm:11.1.0"
   dependencies:
@@ -14621,6 +14851,7 @@ __metadata:
     eslint-plugin-node: ^11.1.0
     eslint-plugin-prettier: ^3.4.1
     eslint-plugin-promise: ^5.1.1
+    eslint-utils: ^3.0.0
     husky: ^7.0.0
     lint-staged: ^11.0.0
     npm-run-all: ^4.1.5
@@ -19406,6 +19637,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^7.3.7":
+  version: 7.3.7
+  resolution: "semver@npm:7.3.7"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: 2fa3e877568cd6ce769c75c211beaed1f9fce80b28338cadd9d0b6c40f2e2862bafd62c19a6cff42f3d54292b7c623277bcab8816a2b5521cf15210d43e75232
+  languageName: node
+  linkType: hard
+
 "semver@npm:~5.4.1":
   version: 5.4.1
   resolution: "semver@npm:5.4.1"

From f695ab1b5fee8a8f3f1429c7b3e0bf8441f78114 Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Thu, 2 Jun 2022 11:58:10 +0200
Subject: [PATCH 23/24] chore(web): update parcel and remove build browser
 restrictions

---
 web-playground/package.json |    2 +-
 web/package.json            |    4 +-
 yarn.lock                   | 1523 ++++++++++++++---------------------
 3 files changed, 599 insertions(+), 930 deletions(-)

diff --git a/web-playground/package.json b/web-playground/package.json
index 2781d366d..1bc863f2c 100644
--- a/web-playground/package.json
+++ b/web-playground/package.json
@@ -39,7 +39,7 @@
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-security": "^1.4.0",
-    "parcel": "^2.3.1",
+    "parcel": "^2.6.0",
     "prettier": "^2.5.1",
     "typescript": "^4.5.5"
   },
diff --git a/web/package.json b/web/package.json
index 94fc7e1ab..05decd02d 100644
--- a/web/package.json
+++ b/web/package.json
@@ -2,7 +2,7 @@
   "name": "@kleros/kleros-v2-web",
   "version": "0.1.0",
   "source": "src/index.html",
-  "browserslist": "> 3%, not dead, not ios_saf < 13",
+  "browserslist": "> 0.5%, not dead",
   "repository": "",
   "author": "",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "eslint-plugin-security": "^1.4.0",
     "eslint-utils": "^3.0.0",
     "lru-cache": "^7.8.0",
-    "parcel": "^2.5.0",
+    "parcel": "^2.6.0",
     "prettier": "^2.5.1",
     "typescript": "^4.5.5"
   },
diff --git a/yarn.lock b/yarn.lock
index 2ffa8a8d2..e0f7628f7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2697,7 +2697,7 @@ __metadata:
     eslint-plugin-react: ^7.28.0
     eslint-plugin-react-hooks: ^4.3.0
     eslint-plugin-security: ^1.4.0
-    parcel: ^2.3.1
+    parcel: ^2.6.0
     prettier: ^2.5.1
     react: ^17.0.2
     react-blockies: ^1.4.1
@@ -2744,7 +2744,7 @@ __metadata:
     graphql-request: ^4.2.0
     lru-cache: ^7.8.0
     moment: ^2.29.3
-    parcel: ^2.5.0
+    parcel: ^2.6.0
     prettier: ^2.5.1
     react: ^18.0.0
     react-chartjs-2: ^4.1.0
@@ -2942,29 +2942,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/bundler-default@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/bundler-default@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/hash": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    nullthrows: ^1.1.1
-  checksum: 4fc92c2b9592a8c09561d8ba769772da514a84c8392537d74c90070da2c9f7673cd5f632da1659cce9fbebef0668f8fae2126353951b9a766bc8d0ffa467aa25
-  languageName: node
-  linkType: hard
-
-"@parcel/bundler-default@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/bundler-default@npm:2.5.0"
+"@parcel/bundler-default@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/bundler-default@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/hash": 2.5.0
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
-  checksum: edb5bc0a7e17542e537afa458d4c071ebae72d20e543194036431904d732e76cf162054f6e6097530a000a987531ad419cbb2c7b46c448091a8bd0a123c9ac16
+  checksum: 9e856e28bacd51627ad751f821c704bc568b5d4e185bc46f54465cdd2f72d8b8fc590a0f915eb26dacd94f087c57e2f9c077e90781eee61050f3e23ea24c95c2
   languageName: node
   linkType: hard
 
@@ -2996,6 +2983,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/cache@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/cache@npm:2.6.0"
+  dependencies:
+    "@parcel/fs": 2.6.0
+    "@parcel/logger": 2.6.0
+    "@parcel/utils": 2.6.0
+    lmdb: 2.3.10
+  peerDependencies:
+    "@parcel/core": ^2.6.0
+  checksum: fe5a73d1f20cca1915bfd6622845375741bc76d60fc28755561a2198d52f5e49f9af28fc7a66a2ae610cb6931c3b0bae55b5b38ff335d6bf9812fd19f9fa2ad5
+  languageName: node
+  linkType: hard
+
 "@parcel/codeframe@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/codeframe@npm:2.4.1"
@@ -3014,154 +3015,82 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/compressor-raw@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/compressor-raw@npm:2.4.1"
+"@parcel/codeframe@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/codeframe@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-  checksum: 13ecb37f0599680e77a8cb1895557328bee4dd893f9e8c4996d05eaacbc1cc883b741d902a585657c8ec76ae89e40e5d21d628a5125e683d55cb2d2b1c146857
+    chalk: ^4.1.0
+  checksum: 095843a973247c91ed3ec47292e7f7d266f8f1d7e7e22c656e523576ad62c0f15fec37c246c06d15795434ec430ea91e1dc742a32d4e0b2022a6f9385cb2fee5
   languageName: node
   linkType: hard
 
-"@parcel/compressor-raw@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/compressor-raw@npm:2.5.0"
+"@parcel/compressor-raw@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/compressor-raw@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-  checksum: 7cf0865b0593c20ed2a69b3d141f563c68a8e5eda2872b6f7911187a1e0aa76f693aa7dc9d724265889ab64e7e68335fc5bdd2f3f06e0737d372250a888d91a7
-  languageName: node
-  linkType: hard
-
-"@parcel/config-default@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/config-default@npm:2.4.1"
-  dependencies:
-    "@parcel/bundler-default": 2.4.1
-    "@parcel/compressor-raw": 2.4.1
-    "@parcel/namer-default": 2.4.1
-    "@parcel/optimizer-css": 2.4.1
-    "@parcel/optimizer-htmlnano": 2.4.1
-    "@parcel/optimizer-image": 2.4.1
-    "@parcel/optimizer-svgo": 2.4.1
-    "@parcel/optimizer-terser": 2.4.1
-    "@parcel/packager-css": 2.4.1
-    "@parcel/packager-html": 2.4.1
-    "@parcel/packager-js": 2.4.1
-    "@parcel/packager-raw": 2.4.1
-    "@parcel/packager-svg": 2.4.1
-    "@parcel/reporter-dev-server": 2.4.1
-    "@parcel/resolver-default": 2.4.1
-    "@parcel/runtime-browser-hmr": 2.4.1
-    "@parcel/runtime-js": 2.4.1
-    "@parcel/runtime-react-refresh": 2.4.1
-    "@parcel/runtime-service-worker": 2.4.1
-    "@parcel/transformer-babel": 2.4.1
-    "@parcel/transformer-css": 2.4.1
-    "@parcel/transformer-html": 2.4.1
-    "@parcel/transformer-image": 2.4.1
-    "@parcel/transformer-js": 2.4.1
-    "@parcel/transformer-json": 2.4.1
-    "@parcel/transformer-postcss": 2.4.1
-    "@parcel/transformer-posthtml": 2.4.1
-    "@parcel/transformer-raw": 2.4.1
-    "@parcel/transformer-react-refresh-wrap": 2.4.1
-    "@parcel/transformer-svg": 2.4.1
-  peerDependencies:
-    "@parcel/core": ^2.4.1
-  checksum: 9a93c64455acc7ae47c4b904661d908a271cf3c684bca3f0e663be8cfd01c62e8a2584514a53ee35ebccf65db9811ee9f991c9e326feeddb0d4c8f91e278d39c
+    "@parcel/plugin": 2.6.0
+  checksum: fb000666c2bed71385f0792493275035c30d92e434613af5d31589d617a51852e9aa085405eeaaaac6fcee50c10266d52897f2d8711e5654180badce9bb2d619
   languageName: node
   linkType: hard
 
-"@parcel/config-default@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/config-default@npm:2.5.0"
-  dependencies:
-    "@parcel/bundler-default": 2.5.0
-    "@parcel/compressor-raw": 2.5.0
-    "@parcel/namer-default": 2.5.0
-    "@parcel/optimizer-css": 2.5.0
-    "@parcel/optimizer-htmlnano": 2.5.0
-    "@parcel/optimizer-image": 2.5.0
-    "@parcel/optimizer-svgo": 2.5.0
-    "@parcel/optimizer-terser": 2.5.0
-    "@parcel/packager-css": 2.5.0
-    "@parcel/packager-html": 2.5.0
-    "@parcel/packager-js": 2.5.0
-    "@parcel/packager-raw": 2.5.0
-    "@parcel/packager-svg": 2.5.0
-    "@parcel/reporter-dev-server": 2.5.0
-    "@parcel/resolver-default": 2.5.0
-    "@parcel/runtime-browser-hmr": 2.5.0
-    "@parcel/runtime-js": 2.5.0
-    "@parcel/runtime-react-refresh": 2.5.0
-    "@parcel/runtime-service-worker": 2.5.0
-    "@parcel/transformer-babel": 2.5.0
-    "@parcel/transformer-css": 2.5.0
-    "@parcel/transformer-html": 2.5.0
-    "@parcel/transformer-image": 2.5.0
-    "@parcel/transformer-js": 2.5.0
-    "@parcel/transformer-json": 2.5.0
-    "@parcel/transformer-postcss": 2.5.0
-    "@parcel/transformer-posthtml": 2.5.0
-    "@parcel/transformer-raw": 2.5.0
-    "@parcel/transformer-react-refresh-wrap": 2.5.0
-    "@parcel/transformer-svg": 2.5.0
+"@parcel/config-default@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/config-default@npm:2.6.0"
+  dependencies:
+    "@parcel/bundler-default": 2.6.0
+    "@parcel/compressor-raw": 2.6.0
+    "@parcel/namer-default": 2.6.0
+    "@parcel/optimizer-css": 2.6.0
+    "@parcel/optimizer-htmlnano": 2.6.0
+    "@parcel/optimizer-image": 2.6.0
+    "@parcel/optimizer-svgo": 2.6.0
+    "@parcel/optimizer-terser": 2.6.0
+    "@parcel/packager-css": 2.6.0
+    "@parcel/packager-html": 2.6.0
+    "@parcel/packager-js": 2.6.0
+    "@parcel/packager-raw": 2.6.0
+    "@parcel/packager-svg": 2.6.0
+    "@parcel/reporter-dev-server": 2.6.0
+    "@parcel/resolver-default": 2.6.0
+    "@parcel/runtime-browser-hmr": 2.6.0
+    "@parcel/runtime-js": 2.6.0
+    "@parcel/runtime-react-refresh": 2.6.0
+    "@parcel/runtime-service-worker": 2.6.0
+    "@parcel/transformer-babel": 2.6.0
+    "@parcel/transformer-css": 2.6.0
+    "@parcel/transformer-html": 2.6.0
+    "@parcel/transformer-image": 2.6.0
+    "@parcel/transformer-js": 2.6.0
+    "@parcel/transformer-json": 2.6.0
+    "@parcel/transformer-postcss": 2.6.0
+    "@parcel/transformer-posthtml": 2.6.0
+    "@parcel/transformer-raw": 2.6.0
+    "@parcel/transformer-react-refresh-wrap": 2.6.0
+    "@parcel/transformer-svg": 2.6.0
   peerDependencies:
-    "@parcel/core": ^2.5.0
-  checksum: 9568f6ac25ddd910ea4fc5367724d6d66e6faee18574851666daaf3778585f0f504ee23a1d7b11cc737a3d287e525c6fa2018c565cec38c2cf88f9670a3be0c5
+    "@parcel/core": ^2.6.0
+  checksum: bd05f6e97ec547e2a3ccbfa7ad63f815fab5daa32e927ac4fd67a7ca2b4098712dbad996069663bb128172bfa306ae8bac2b337a0ca91d93e8d7eb1f761e68c0
   languageName: node
   linkType: hard
 
-"@parcel/core@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/core@npm:2.4.1"
-  dependencies:
-    "@parcel/cache": 2.4.1
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/events": 2.4.1
-    "@parcel/fs": 2.4.1
-    "@parcel/graph": 2.4.1
-    "@parcel/hash": 2.4.1
-    "@parcel/logger": 2.4.1
-    "@parcel/package-manager": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/types": 2.4.1
-    "@parcel/utils": 2.4.1
-    "@parcel/workers": 2.4.1
-    abortcontroller-polyfill: ^1.1.9
-    base-x: ^3.0.8
-    browserslist: ^4.6.6
-    clone: ^2.1.1
-    dotenv: ^7.0.0
-    dotenv-expand: ^5.1.0
-    json-source-map: ^0.6.1
-    json5: ^2.2.0
-    msgpackr: ^1.5.4
-    nullthrows: ^1.1.1
-    semver: ^5.7.1
-  checksum: 3021cf21ceda7c1482af0f53ad58e853ba6b21312d4da7202b55db56f647147a4e7e98378735c67d2b12a719a6b798a192a7510c92b54e7643869a1768183629
-  languageName: node
-  linkType: hard
-
-"@parcel/core@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/core@npm:2.5.0"
+"@parcel/core@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/core@npm:2.6.0"
   dependencies:
     "@mischnic/json-sourcemap": ^0.1.0
-    "@parcel/cache": 2.5.0
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/events": 2.5.0
-    "@parcel/fs": 2.5.0
-    "@parcel/graph": 2.5.0
-    "@parcel/hash": 2.5.0
-    "@parcel/logger": 2.5.0
-    "@parcel/package-manager": 2.5.0
-    "@parcel/plugin": 2.5.0
+    "@parcel/cache": 2.6.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/events": 2.6.0
+    "@parcel/fs": 2.6.0
+    "@parcel/graph": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/logger": 2.6.0
+    "@parcel/package-manager": 2.6.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/types": 2.5.0
-    "@parcel/utils": 2.5.0
-    "@parcel/workers": 2.5.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
+    "@parcel/workers": 2.6.0
     abortcontroller-polyfill: ^1.1.9
     base-x: ^3.0.8
     browserslist: ^4.6.6
@@ -3172,168 +3101,78 @@ __metadata:
     msgpackr: ^1.5.4
     nullthrows: ^1.1.1
     semver: ^5.7.1
-  checksum: 703ac8ed63d580c6f76a048596332850ea3fa2e107f7402aacf734d2b0de453be8ad20a2357c62f549ef2a2175f3c2e3938b245f7e7f30e1f0d6f3cd7b49a122
-  languageName: node
-  linkType: hard
-
-"@parcel/css-darwin-arm64@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-darwin-arm64@npm:1.8.1"
-  conditions: os=darwin & cpu=arm64
+  checksum: fae65c153bbd96f55b1bf5b1b410f8af15418b4ad899b44487250c30ad979768b162ec87e0199d787bee53fd35fb14c5b6c77974ef19c36ba78f3e9adf093f4c
   languageName: node
   linkType: hard
 
-"@parcel/css-darwin-arm64@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-darwin-arm64@npm:1.8.2"
+"@parcel/css-darwin-arm64@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-darwin-arm64@npm:1.9.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@parcel/css-darwin-x64@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-darwin-x64@npm:1.8.1"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/css-darwin-x64@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-darwin-x64@npm:1.8.2"
+"@parcel/css-darwin-x64@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-darwin-x64@npm:1.9.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-arm-gnueabihf@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.8.1"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@parcel/css-linux-arm-gnueabihf@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.8.2"
+"@parcel/css-linux-arm-gnueabihf@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-linux-arm-gnueabihf@npm:1.9.0"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-arm64-gnu@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-linux-arm64-gnu@npm:1.8.1"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/css-linux-arm64-gnu@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-linux-arm64-gnu@npm:1.8.2"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/css-linux-arm64-musl@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-linux-arm64-musl@npm:1.8.1"
+"@parcel/css-linux-arm64-gnu@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-linux-arm64-gnu@npm:1.9.0"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-arm64-musl@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-linux-arm64-musl@npm:1.8.2"
+"@parcel/css-linux-arm64-musl@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-linux-arm64-musl@npm:1.9.0"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-x64-gnu@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-linux-x64-gnu@npm:1.8.1"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/css-linux-x64-gnu@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-linux-x64-gnu@npm:1.8.2"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/css-linux-x64-musl@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-linux-x64-musl@npm:1.8.1"
+"@parcel/css-linux-x64-gnu@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-linux-x64-gnu@npm:1.9.0"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@parcel/css-linux-x64-musl@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-linux-x64-musl@npm:1.8.2"
+"@parcel/css-linux-x64-musl@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-linux-x64-musl@npm:1.9.0"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@parcel/css-win32-x64-msvc@npm:1.8.1":
-  version: 1.8.1
-  resolution: "@parcel/css-win32-x64-msvc@npm:1.8.1"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/css-win32-x64-msvc@npm:1.8.2":
-  version: 1.8.2
-  resolution: "@parcel/css-win32-x64-msvc@npm:1.8.2"
+"@parcel/css-win32-x64-msvc@npm:1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css-win32-x64-msvc@npm:1.9.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@parcel/css@npm:^1.7.4":
-  version: 1.8.1
-  resolution: "@parcel/css@npm:1.8.1"
-  dependencies:
-    "@parcel/css-darwin-arm64": 1.8.1
-    "@parcel/css-darwin-x64": 1.8.1
-    "@parcel/css-linux-arm-gnueabihf": 1.8.1
-    "@parcel/css-linux-arm64-gnu": 1.8.1
-    "@parcel/css-linux-arm64-musl": 1.8.1
-    "@parcel/css-linux-x64-gnu": 1.8.1
-    "@parcel/css-linux-x64-musl": 1.8.1
-    "@parcel/css-win32-x64-msvc": 1.8.1
-    detect-libc: ^1.0.3
-  dependenciesMeta:
-    "@parcel/css-darwin-arm64":
-      optional: true
-    "@parcel/css-darwin-x64":
-      optional: true
-    "@parcel/css-linux-arm-gnueabihf":
-      optional: true
-    "@parcel/css-linux-arm64-gnu":
-      optional: true
-    "@parcel/css-linux-arm64-musl":
-      optional: true
-    "@parcel/css-linux-x64-gnu":
-      optional: true
-    "@parcel/css-linux-x64-musl":
-      optional: true
-    "@parcel/css-win32-x64-msvc":
-      optional: true
-  checksum: fce0eced33bfef5af7994539a6b3dcf3b34f90cf48c54ec207296dec1dc83ef7a6545e747fb9bacd12b557f3ec555e76837768838d1ae9d47b70028ed3a5ed2b
-  languageName: node
-  linkType: hard
-
-"@parcel/css@npm:^1.8.1":
-  version: 1.8.2
-  resolution: "@parcel/css@npm:1.8.2"
-  dependencies:
-    "@parcel/css-darwin-arm64": 1.8.2
-    "@parcel/css-darwin-x64": 1.8.2
-    "@parcel/css-linux-arm-gnueabihf": 1.8.2
-    "@parcel/css-linux-arm64-gnu": 1.8.2
-    "@parcel/css-linux-arm64-musl": 1.8.2
-    "@parcel/css-linux-x64-gnu": 1.8.2
-    "@parcel/css-linux-x64-musl": 1.8.2
-    "@parcel/css-win32-x64-msvc": 1.8.2
+"@parcel/css@npm:^1.9.0":
+  version: 1.9.0
+  resolution: "@parcel/css@npm:1.9.0"
+  dependencies:
+    "@parcel/css-darwin-arm64": 1.9.0
+    "@parcel/css-darwin-x64": 1.9.0
+    "@parcel/css-linux-arm-gnueabihf": 1.9.0
+    "@parcel/css-linux-arm64-gnu": 1.9.0
+    "@parcel/css-linux-arm64-musl": 1.9.0
+    "@parcel/css-linux-x64-gnu": 1.9.0
+    "@parcel/css-linux-x64-musl": 1.9.0
+    "@parcel/css-win32-x64-msvc": 1.9.0
     detect-libc: ^1.0.3
   dependenciesMeta:
     "@parcel/css-darwin-arm64":
@@ -3352,7 +3191,7 @@ __metadata:
       optional: true
     "@parcel/css-win32-x64-msvc":
       optional: true
-  checksum: 039e2d55706c7f4daa246028331699edf2795277f324290741ff456ba617c0f58fd1fdf8b11e9a2b99df9bc95e4cd840076b606101e6b0a945d83e5abd73ce41
+  checksum: a565e8755d112bc4613e5f8076c30ae8056d8c4910ce3191d79a1a712fb4438ad29363e2080368f290ec239882dfe9d8c599454f1418fc93d01a8c659c0ffcfa
   languageName: node
   linkType: hard
 
@@ -3376,6 +3215,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/diagnostic@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/diagnostic@npm:2.6.0"
+  dependencies:
+    "@mischnic/json-sourcemap": ^0.1.0
+    nullthrows: ^1.1.1
+  checksum: 89c9db939946f817e1dd0044ae397789b6eae00ebaea5f21c3832a7ad61240dd11177ff3bbe3954cc72c6ea4ed3af92acb93931e522abd15331ba37e901a0693
+  languageName: node
+  linkType: hard
+
 "@parcel/events@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/events@npm:2.4.1"
@@ -3390,6 +3239,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/events@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/events@npm:2.6.0"
+  checksum: d3ae4a8abb3e009bb3d7228685b06d0fc14bb2cb3d7d7b10a2d31332c211aa5baa2bab4b09c2224b235adefa2c7d27a243521145b6de9a68314a5f668a330bd0
+  languageName: node
+  linkType: hard
+
 "@parcel/fs-search@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/fs-search@npm:2.4.1"
@@ -3408,6 +3264,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/fs-search@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/fs-search@npm:2.6.0"
+  dependencies:
+    detect-libc: ^1.0.3
+  checksum: f2ab475a518c1896b71170cc2f7004dbb2aeffb6a082b8acc1b44403444fa09d0fe2a919dd2bb209173da506cdecfaae18520916214d3210a82b2f75e54d670c
+  languageName: node
+  linkType: hard
+
 "@parcel/fs@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/fs@npm:2.4.1"
@@ -3438,23 +3303,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/graph@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/graph@npm:2.4.1"
+"@parcel/fs@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/fs@npm:2.6.0"
   dependencies:
-    "@parcel/utils": 2.4.1
-    nullthrows: ^1.1.1
-  checksum: b5c6c3255e988c7075e760de9d17fe1a567fd57fe13a9b6eb406159b5b25f264915b43da68ceba0a786247e8cebfdc8cabc81a9f70b3b464589e29fd0de1787a
+    "@parcel/fs-search": 2.6.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
+    "@parcel/watcher": ^2.0.0
+    "@parcel/workers": 2.6.0
+  peerDependencies:
+    "@parcel/core": ^2.6.0
+  checksum: e190f6fee093394fcec996ab9a6a7a7426c9a39c3df59f4c561b9060ccd50fd6539099b22dd09aa986742e6f0cb05157d3472d6eb2b4971d3dbe62e360547dcc
   languageName: node
   linkType: hard
 
-"@parcel/graph@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/graph@npm:2.5.0"
+"@parcel/graph@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/graph@npm:2.6.0"
   dependencies:
-    "@parcel/utils": 2.5.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
-  checksum: 85c213aba4061b0122b1148feca34cc62d9e6c2aa3866e4ca5537d744c5dd43e3127e474980581956c113f4c32eb3671f12f112f531258658febfa52e3e919b8
+  checksum: f6d0a229b694e16dbc7a4d78e0762d4ec11238abcf4d3a2df1736434ec0e86ad84ed6ea9d8b43235ed5c28b75ee09e5fcc670cc7f7bc9b3428420e7ce33b5548
   languageName: node
   linkType: hard
 
@@ -3478,6 +3348,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/hash@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/hash@npm:2.6.0"
+  dependencies:
+    detect-libc: ^1.0.3
+    xxhash-wasm: ^0.4.2
+  checksum: 8a82b3123666f0d62fa77fc4a7a17ef36934b27d3d578463e29f94dd01e86e02eae26e1d660b54b139ceaa49462d2c14f631dfdc2d8fed8d9b889f0d1b4c0f88
+  languageName: node
+  linkType: hard
+
 "@parcel/logger@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/logger@npm:2.4.1"
@@ -3498,6 +3378,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/logger@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/logger@npm:2.6.0"
+  dependencies:
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/events": 2.6.0
+  checksum: 8336f73b3b4cfa4e77143cae2eeed2059681c2d65ee2555b508b64c1459ad897c4df06af7f619e1785a02bfd0f9cea8262188bcb3b29307c2ef9ab1fbbaf723b
+  languageName: node
+  linkType: hard
+
 "@parcel/markdown-ansi@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/markdown-ansi@npm:2.4.1"
@@ -3516,181 +3406,101 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/namer-default@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/namer-default@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    nullthrows: ^1.1.1
-  checksum: 164dd5d9b698898c89299e33ff7575e371f5cf34f1d2bcfdcc6636552544c0e7f577c4d8dd9803b74d359ebd5523bf449cf15602bb0c3028273bfa3e65b8c8eb
-  languageName: node
-  linkType: hard
-
-"@parcel/namer-default@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/namer-default@npm:2.5.0"
+"@parcel/markdown-ansi@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/markdown-ansi@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
-    nullthrows: ^1.1.1
-  checksum: f757e32cbd6858b47f9a82fc2cb43c79f7583fa80614cc350017f3c1bd97667ef79f7ff4599fbe7301aa66e50d47a730c11d73ab8062c071f97afb9a95df6df6
+    chalk: ^4.1.0
+  checksum: 9870ad824a71eeb96c3a5b7bd8a3e4b793c02f00695cb2234092df8b2fde6f5a65e5d48f370fb79d1f7ce269e31ad777b0b58c607a7ff40f718bfab57796764e
   languageName: node
   linkType: hard
 
-"@parcel/node-resolver-core@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/node-resolver-core@npm:2.4.1"
+"@parcel/namer-default@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/namer-default@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/utils": 2.4.1
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
     nullthrows: ^1.1.1
-  checksum: c725300e680a448c8e011dc7c585bdf0b27a230633aac52a2e995247fda81396289bebc5c3aef0b2163c60ac7f75d3a96e930cec2aa0b0a37ab21c735e59698e
+  checksum: db138cbc8087b9f3ce453586d0508340e0721c3c0de2854dae23ac8c43d3601556840b5d9b980654a566b7adb2b1de40c80f130cda88ed1ac772a8f884fc7245
   languageName: node
   linkType: hard
 
-"@parcel/node-resolver-core@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/node-resolver-core@npm:2.5.0"
-  dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/utils": 2.5.0
-    nullthrows: ^1.1.1
-  checksum: fe6b9a6936e45e7757afb52a9a8cb5d91692dc34510563d58728d07a8f1d0a3673f09df5e2e1c72eb446cad3e1541da6c8272e3c93e2d215c29a7480d0321786
-  languageName: node
-  linkType: hard
-
-"@parcel/optimizer-css@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/optimizer-css@npm:2.4.1"
+"@parcel/node-resolver-core@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/node-resolver-core@npm:2.6.0"
   dependencies:
-    "@parcel/css": ^1.7.4
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    browserslist: ^4.6.6
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
-  checksum: 3130a906de8c4c958d0c53a6e4b780d20f750fcb9c924ed8193bad3504229963fa469ba1f8d8702d07a8833d5df5b728d167eadf94303baf0b5a4d0ad43cd59b
+  checksum: ba3560170b88f16e43593aefcbc62dde0c56e68a8236d435bebd2a94085402f88a90d25c8829e674f53f355a6389a2c15c7a0ad33a688b2947d977d3d98a4ca6
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-css@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/optimizer-css@npm:2.5.0"
+"@parcel/optimizer-css@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/optimizer-css@npm:2.6.0"
   dependencies:
-    "@parcel/css": ^1.8.1
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
+    "@parcel/css": ^1.9.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
+    "@parcel/utils": 2.6.0
     browserslist: ^4.6.6
     nullthrows: ^1.1.1
-  checksum: d5862b9cf2b8c87c0cf1904dc9bdfa4bcf017039083d8d71e91918baf627b9ac14486cea863c1ee16cb560b458e8b25a873a1f2ec479f61f8b7b6f8612417575
+  checksum: 5e8b2ae9decaf3ce76bf5c578388a0b19b905cc699ce25c588518af351c33af6bed016c82816559ab4d27199d4c3a0318432aecef38cd57ac8d084b2ded68672
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-htmlnano@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/optimizer-htmlnano@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    htmlnano: ^2.0.0
-    nullthrows: ^1.1.1
-    posthtml: ^0.16.5
-    svgo: ^2.4.0
-  checksum: 5e129068ce2a22a8d06647db4cd3a1c8162b79298e8bf236c3b9a5c2e3822a84468dacacd221de5a004df7d03bd2f9487df5d80b1e4948e7e88667e81cbb901a
-  languageName: node
-  linkType: hard
-
-"@parcel/optimizer-htmlnano@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/optimizer-htmlnano@npm:2.5.0"
+"@parcel/optimizer-htmlnano@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/optimizer-htmlnano@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
+    "@parcel/plugin": 2.6.0
     htmlnano: ^2.0.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     svgo: ^2.4.0
-  checksum: c472f3c2873b45b7fc021e149e917656997349959d4c486893c2a3227d6790fcea354c2591db643a4dc3db7b881edcac5d6fcda2f6fd499cfffcdaca0f8ce0b0
+  checksum: 2bd7fa7ca96dec75379fb956dfed5341d91749c7e7a0227f7cb5757594a58475389dea11a3d3348c19be3662677494d276abb5e08aae5b516faf99b8014e6849
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-image@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/optimizer-image@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    "@parcel/workers": 2.4.1
-    detect-libc: ^1.0.3
-  checksum: 280373ce9101b29d041ee099bdff3ea8d18ad0113d4b478b5d9ae2bfef47b322fb6d109f093b1d72f65442c57a450ff8935fb199ffe915dc218dedb7e68aa0ba
-  languageName: node
-  linkType: hard
-
-"@parcel/optimizer-image@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/optimizer-image@npm:2.5.0"
+"@parcel/optimizer-image@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/optimizer-image@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-    "@parcel/workers": 2.5.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
+    "@parcel/workers": 2.6.0
     detect-libc: ^1.0.3
-  checksum: 67610af8f445995a2c08cf2acb64542e1b7b214b3bbade4ed06457d86306769f2c39ca025de094e85f0b9656bdea0b7cdb5c559acae17af21f16c3ae8a3c5cf3
-  languageName: node
-  linkType: hard
-
-"@parcel/optimizer-svgo@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/optimizer-svgo@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    svgo: ^2.4.0
-  checksum: 03172db6e65f65b54b01f801cfccbe69476b36551fdd31830da4c8dd5c3077bcabcdb876206a2e56f4985551be71cdac53bf25b26f7f64242a82ceb6a240c407
+  checksum: fe6a429c165e7967795c3e831f48d6d2f170bbc0dab27eb10bf5e2a6e4319d8543f9d9beef8be926451d8bb7e5dfe866b3bedf8ec8e5e20061da023ac55fc83a
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-svgo@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/optimizer-svgo@npm:2.5.0"
+"@parcel/optimizer-svgo@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/optimizer-svgo@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
     svgo: ^2.4.0
-  checksum: b75fa688364160eedd15db51a764dbbb516560fb999bc5dc4ad04a7bf11c1e230d0ea3591a27e71025d000516c72735a97e4329c9dbf9d297f63d305af0ed010
+  checksum: c2251c4cf88c7397ff465fea4aa0b32fd44e1d190cc100f42a4fa7f426296a1a9b77a07899824ac13ac41d75b90d4b1702bbe7df3c9556ad06a82bb3d7f29ed7
   languageName: node
   linkType: hard
 
-"@parcel/optimizer-terser@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/optimizer-terser@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    nullthrows: ^1.1.1
-    terser: ^5.2.0
-  checksum: b9a969a381b9803f0a49c36fc2d67328f710f60171f4b136fd0d1520366af1b094b3452c99990622d9f62d8a96f4779e4a9f307eb2ec4141be29bced162e8aa5
-  languageName: node
-  linkType: hard
-
-"@parcel/optimizer-terser@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/optimizer-terser@npm:2.5.0"
+"@parcel/optimizer-terser@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/optimizer-terser@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
     terser: ^5.2.0
-  checksum: 2d2d6077d611b65552f46edfb13d1e5fc4d402678b166ac0202e450c2e14a3adfc36bdedb5e8d35deda543f89eab2afdbe188dc6c5b8126126062ca352071cd3
+  checksum: 28ae4e5a5db548b0cf49a0c03b829c8f105028cdbf000d40d918f328a452229034667f42e6b441f1c9c3bd670534f922d7dc6efb109eee6b2c2ca8fb381d1a16
   languageName: node
   linkType: hard
 
@@ -3728,125 +3538,81 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/packager-css@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/packager-css@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    nullthrows: ^1.1.1
-  checksum: f052c259f17781b73e53ef5213e632a00f9b31ef8447ff79edf0f5bde5ce61b405f7093966542d0f306f5521dbcd64eda86a51d6cf22c3ba8040d38c90b7958c
+"@parcel/package-manager@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/package-manager@npm:2.6.0"
+  dependencies:
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/fs": 2.6.0
+    "@parcel/logger": 2.6.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
+    "@parcel/workers": 2.6.0
+    semver: ^5.7.1
+  peerDependencies:
+    "@parcel/core": ^2.6.0
+  checksum: 57da82e79963190d29d34a50eafe6acacf5eb43271c9fae72bcecc9a6e0214d5fc0348d675e1f641abeafabf67417a0f25dd71f052e7a49b2c20c2d8bf1c3814
   languageName: node
   linkType: hard
 
-"@parcel/packager-css@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/packager-css@npm:2.5.0"
+"@parcel/packager-css@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/packager-css@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
-    nullthrows: ^1.1.1
-  checksum: 24bcd7ac1ad7c8e411ed8cbd89ec0bd9dd456907cb4811fa043c6d7e17823f36f971ae4d4c1cefd8f310a6c8c3d33ab052f9acc877cfdc926261dd55832fd9dc
-  languageName: node
-  linkType: hard
-
-"@parcel/packager-html@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/packager-html@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/types": 2.4.1
-    "@parcel/utils": 2.4.1
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
-    posthtml: ^0.16.5
-  checksum: 16a575de53e8391e7ce50c8a952c78a9f4870b8c8385bcc51f83f12c6302c8c6bf21672fdc08183207324cbde48b332cadfb4e6679a39f81d447a397ffc368ea
+  checksum: 590446ff7ca302197f1b326a87161b89ce5a2999ce136aae82dc5b218593cbff71e0b2321b32fc86150e31d231b5bba253345f372743d294d815433d9a592280
   languageName: node
   linkType: hard
 
-"@parcel/packager-html@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/packager-html@npm:2.5.0"
+"@parcel/packager-html@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/packager-html@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/types": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
-  checksum: 6db71026457fa0e5999a658b7028c5ca89de566da1fb8e41cf977276a5d9e5408d08feb11738e5f7f15a1eef2a1efd345210f7da40c193305e95fbdb4fe4cbc5
-  languageName: node
-  linkType: hard
-
-"@parcel/packager-js@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/packager-js@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/hash": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    globals: ^13.2.0
-    nullthrows: ^1.1.1
-  checksum: 926d45219d7e39e0e0343017b476ab8cde83d784fcbaa4a6d4cd51067317ff806c6853f454944115ba1e12487402c45fc5399ca4257c901e6bc295138118a990
+  checksum: 6d51afdda129224ec655e976f5c9f1df354430e9ccb1870058acceb7d50550c19598c99cacf03a771aaa8b5d5c4fd4b84cdb793f7dda9511947f6699a03a4db6
   languageName: node
   linkType: hard
 
-"@parcel/packager-js@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/packager-js@npm:2.5.0"
+"@parcel/packager-js@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/packager-js@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/hash": 2.5.0
-    "@parcel/plugin": 2.5.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
+    "@parcel/utils": 2.6.0
     globals: ^13.2.0
     nullthrows: ^1.1.1
-  checksum: 68e619f6fc1ad4ba7c7c8882010810c9de1a8bdd56cc691625d770158463eff5683db3320d1d78b63d78838daee5fefb3d95c9bc85373b6ae2f1d2266f24405f
+  checksum: 2a1d1a1c0ae659ea50e6139b3ce6d807c91fe3fe12934998e3bd7091663afc1fe67c72ac60cd63ad9e3caf5c36cd4a542f29fd230437d37b4aadf23e92c7c438
   languageName: node
   linkType: hard
 
-"@parcel/packager-raw@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/packager-raw@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-  checksum: e5ffe97e9eadcc2cc83e37e647dae80ebf463964ecea21d02e06e9b228fe6d03d8e147253fb437e4de7cb00952b5b706e768995a930a66bfeaeb22b001c35dfd
-  languageName: node
-  linkType: hard
-
-"@parcel/packager-raw@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/packager-raw@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-  checksum: 579d8981f204e843d3b7f6eebb2ee1838847195a75b17a4df2a159d3c06c4148eb3fc45ddfa0808179caa139d9a97a2eb6e65560c8e1da1e0ce3d1e454cc9b67
-  languageName: node
-  linkType: hard
-
-"@parcel/packager-svg@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/packager-svg@npm:2.4.1"
+"@parcel/packager-raw@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/packager-raw@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/types": 2.4.1
-    "@parcel/utils": 2.4.1
-    posthtml: ^0.16.4
-  checksum: c56bce51f2184b64051a5ab6feb4416af829bbf2def0fa0a0aeb043052166c56514cb182c09f87fa6263d8f616de2c8baf6bc5f518a707595f7ab02c5f1a6261
+    "@parcel/plugin": 2.6.0
+  checksum: 8a8175e16726f5a17b82e0ad474c0baae3851a972c1828c652b5a6944c9bd820c90f80c0f9bddfcea5a0dd9df5ee136c393d93205e16edbd394b21fe79fd6cb3
   languageName: node
   linkType: hard
 
-"@parcel/packager-svg@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/packager-svg@npm:2.5.0"
+"@parcel/packager-svg@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/packager-svg@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/types": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
     posthtml: ^0.16.4
-  checksum: 345ec5c310b51a3e7a01e1450b7dd3e24002d02a16a7555a95a00deac2ab028903d7e4a9526a542cb5c4f0ae27f4d0d2a307b99829065ec602ab5e1dee9d272a
+  checksum: 8148b1b0fc299630e714296b944ffa8be02dfa5c778d27694468d9785d3d810d31c1df368d7bfa0606fdaae02101abe6a037c96413f845a9d6f505b316f9184f
   languageName: node
   linkType: hard
 
@@ -3868,444 +3634,240 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/reporter-cli@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/reporter-cli@npm:2.4.1"
+"@parcel/plugin@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/plugin@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/types": 2.4.1
-    "@parcel/utils": 2.4.1
-    chalk: ^4.1.0
-    term-size: ^2.2.1
-  checksum: 8da114d9e69a54f51e505e5cdbb28a3e55fa1cdb9606fb599479c57ec8b9a7222d4d1e8ba778e2c049a764fe5cae9ed99baf047a7abb07bca1d58fccc369bfd8
+    "@parcel/types": 2.6.0
+  checksum: 2668d803d726ecf98c1a9564883a7083bbeff444116f662c50f20067a25c1aa56ca49cc62cf8883ad3fde7ed42da9a7e9d1b89093ce7a77f1362218c3b0c75a1
   languageName: node
   linkType: hard
 
-"@parcel/reporter-cli@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/reporter-cli@npm:2.5.0"
+"@parcel/reporter-cli@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/reporter-cli@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/types": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
     chalk: ^4.1.0
     term-size: ^2.2.1
-  checksum: dbe8fe982f54783aeed513a6a44d7ea1c169ed773c1544ac414f1d85b22b1596c4ff02f7ac68ab3803e383deb9909fad003ff6965556ec37522682cb9e2dd312
-  languageName: node
-  linkType: hard
-
-"@parcel/reporter-dev-server@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/reporter-dev-server@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-  checksum: 128cc86e8ef9399a095b1cae9c42545cf663f96b672641e6ebd06e61d5b8865593e9214859895f2637408ea6b5092d2ceab7393ef681156f93a3d5fe967b72e3
-  languageName: node
-  linkType: hard
-
-"@parcel/reporter-dev-server@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/reporter-dev-server@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-  checksum: fef0fead0127f583a200142117d54bd4acf8bb15628b0dfb78391ff9670f0394eca1ec9cbbe14d0ac3164876124319fa628adfa7201c8dfaed16bb4f1366966f
-  languageName: node
-  linkType: hard
-
-"@parcel/resolver-default@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/resolver-default@npm:2.4.1"
-  dependencies:
-    "@parcel/node-resolver-core": 2.4.1
-    "@parcel/plugin": 2.4.1
-  checksum: d8eed8b408c9f3dc6f7f7f989819ec8d1d00f8bec0ac53f2b7ffb5c67686b94af0a5685fdea7a75b26e36a82f4c9f3aefa3f239ef0f53ba618f0d85175d6e000
-  languageName: node
-  linkType: hard
-
-"@parcel/resolver-default@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/resolver-default@npm:2.5.0"
-  dependencies:
-    "@parcel/node-resolver-core": 2.5.0
-    "@parcel/plugin": 2.5.0
-  checksum: f35dde6095271d3fc1d2b17b3c5651413fc1c033d498080d145a3ea419e9333280a581d2503be0854e309ad9b1a4d2e4865d5ef5a3b8ba669be95ea3990b1a94
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-browser-hmr@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/runtime-browser-hmr@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-  checksum: 3598e236b8330a41b8ab621abd8b5c2fd878916f017d9eeb4a5a4df81d2881a9b3a989551fe7ed8eb744f8d374e90052b24d83436a032ca8eae3b8288f7ddfaa
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-browser-hmr@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/runtime-browser-hmr@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-  checksum: c722374c47585e99ca6b98aedfcfe83f3d3f6049490fdc4add28e960af0571c6bb945a736f7047db5768c43224b8e85f3c1e5ac85b2a793efacc19ce2294c523
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-js@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/runtime-js@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    nullthrows: ^1.1.1
-  checksum: 28b31d2ef87c5270704e0c8a3c5555758a6d8afb9d465ea976b49bdff285e64018054a8639e6b8e0a7a7932d02551c60f50227e0ac915906738efea4b58b28b0
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-js@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/runtime-js@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-    nullthrows: ^1.1.1
-  checksum: d33bf489da97d86e8ad9e08384d6acb0d0a25c6745fdfeab8f35bf4abc6cb0cecca6c1d2b134fe33b90e94b6ab420ee8e2e905c0798e2c0cd950d511a2d5dbff
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-react-refresh@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/runtime-react-refresh@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    react-refresh: ^0.9.0
-  checksum: a6aec945e27bd5ad6904c0c563e7fa1bec844bdc727d1aeb051a6ed4ed1325bba7976fbdfa6224d878e9370c52c71926d310d243d17fd1eebc80f7a064b2ed6c
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-react-refresh@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/runtime-react-refresh@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-    react-refresh: ^0.9.0
-  checksum: 3e9a7199d67078fa84dcd879ff3107d1d2222bba3eaa3581f14df46e88194051fd04a2aa0196126de911e36894a7c3cd3def27447ff4679faaf897a56fe1b679
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-service-worker@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/runtime-service-worker@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    nullthrows: ^1.1.1
-  checksum: 077324606e4515cbbe1503afeeaf687d26ac991660973926d2ba0c9f98de83005daab82355380a4f54ca831c8f327d2134c23e7a269889519a94d7b60908e62c
-  languageName: node
-  linkType: hard
-
-"@parcel/runtime-service-worker@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/runtime-service-worker@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-    nullthrows: ^1.1.1
-  checksum: 89b1acdc0b7563f37edb65cd3412c7bea73874a4953ae8f63ed91e9c0dd812cc5574b2f70f1a5e065d4dd2176bf9527eb1d1d533757f18bc5408fff0e247e326
-  languageName: node
-  linkType: hard
-
-"@parcel/source-map@npm:^2.0.0":
-  version: 2.0.2
-  resolution: "@parcel/source-map@npm:2.0.2"
-  dependencies:
-    detect-libc: ^1.0.3
-  checksum: 5d684ddb9a10103540e0bf0c80d15e3b0481a36f9d456dda4411e16d235701eacd36e0571b58fad433df04283adca77ba88d1a8af0af04c75075bc053022d8ca
+  checksum: fc2b69c4b0ad271107f43fce599158a579a256edecadcafee18aa5fd9a5ddec9fe2015b4a4bcf9df1df0b9138dd70cea390592280757e155bc380cd193a5be71
   languageName: node
   linkType: hard
 
-"@parcel/transformer-babel@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-babel@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    browserslist: ^4.6.6
-    json5: ^2.2.0
-    nullthrows: ^1.1.1
-    semver: ^5.7.0
-  checksum: 33a4b860a8f77b4ae00b73b8b535f0cb88c6ac781541a973ce7afaf46a8e1c57a0cc81b867f7494faa6b37abb076052e2384c253611c1f0b913178934aa277ff
-  languageName: node
-  linkType: hard
-
-"@parcel/transformer-babel@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-babel@npm:2.5.0"
+"@parcel/reporter-dev-server@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/reporter-dev-server@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
-    browserslist: ^4.6.6
-    json5: ^2.2.0
-    nullthrows: ^1.1.1
-    semver: ^5.7.0
-  checksum: 10a7fb8d85e03456a7e3ae8716ec40ca04a8dacc77d58fb2d8b3b513cacad52a495f3ee4881936a2f31a65bd1d69ce44031bae4c101b29c6e72f388795d208b3
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
+  checksum: a19f5faef386e3f685c8645d49d1df2e0d3a036e3e97e7e1edb85f36327b35cc323a3e0d346c119c77ca3b60e5ece088fe4927e700df45de26bae564fbab7e3d
   languageName: node
   linkType: hard
 
-"@parcel/transformer-css@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-css@npm:2.4.1"
+"@parcel/resolver-default@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/resolver-default@npm:2.6.0"
   dependencies:
-    "@parcel/css": ^1.7.4
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    browserslist: ^4.6.6
-    nullthrows: ^1.1.1
-  checksum: 6a5bc96b91a20402d240923ff12a709424473acb4977eb75fa3fba3afbe0d89b2816786851a8686cb48bf710cd3c2b54b803b44750d9239e2770a89ed0ced2ee
+    "@parcel/node-resolver-core": 2.6.0
+    "@parcel/plugin": 2.6.0
+  checksum: 6b1cd291f37d431cfeef5ad187191932a8f063307dba6c6237c2de94fa24b037a6e77cf1a363cc86b016873e07f5e73e65a49a4f237ad3f01c64bf3e2a4ef3b6
   languageName: node
   linkType: hard
 
-"@parcel/transformer-css@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-css@npm:2.5.0"
+"@parcel/runtime-browser-hmr@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/runtime-browser-hmr@npm:2.6.0"
   dependencies:
-    "@parcel/css": ^1.8.1
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
-    "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
-    browserslist: ^4.6.6
-    nullthrows: ^1.1.1
-  checksum: 1d45c44abae4afc22597a69fedf15875653455940e82043ccbff7ab480773cee972fbc87ff92e6f17e03a7f7d8f980f55f33da32e06870b93434febca7f3f125
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
+  checksum: c88ad93521e6a9c5080bb3ebf3ebc4823c95ebbf427710a335d3bc6716794fe6ea291f3b5ecca606e2e846079b2ba9f8f3165259a94d1acde0f21c0973b85235
   languageName: node
   linkType: hard
 
-"@parcel/transformer-html@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-html@npm:2.4.1"
+"@parcel/runtime-js@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/runtime-js@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/hash": 2.4.1
-    "@parcel/plugin": 2.4.1
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
-    posthtml: ^0.16.5
-    posthtml-parser: ^0.10.1
-    posthtml-render: ^3.0.0
-    semver: ^5.7.1
-  checksum: 5c51a164d81cf25831b94471448094e4a66b15c1489f09f69a2e06cc05e25b0e3e820582163ae154ae1aaa9a04d56f690618a40a4e35e6f9c7eab29bf0bd21f7
+  checksum: d867dea72b91669d895f1b06346cae4e514cdfaedf55d4f2002930681a59dfe59fed45d784e88a9fe7218e1bc3f0c91daf873ed0b9a3f73f7e0d6ee4623d817e
   languageName: node
   linkType: hard
 
-"@parcel/transformer-html@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-html@npm:2.5.0"
+"@parcel/runtime-react-refresh@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/runtime-react-refresh@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/hash": 2.5.0
-    "@parcel/plugin": 2.5.0
-    nullthrows: ^1.1.1
-    posthtml: ^0.16.5
-    posthtml-parser: ^0.10.1
-    posthtml-render: ^3.0.0
-    semver: ^5.7.1
-  checksum: 4252eada7e6daa2df934c9c478d2b01650f6f73c12491aa5b9452db31d0038d60439f0dceb804f80bc77639491f9d0bd5e4a4128beade6bceb6dfb5bf9909186
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
+    react-error-overlay: 6.0.9
+    react-refresh: ^0.9.0
+  checksum: 7620f56de4445c4d6c5df95bb25e22d6c81d34dc3b22f8dca714ff1f0f888cedd0c13720dbe4f8779f18b682687f4d27973462a04c9d92f1f5553d2f8d406d99
   languageName: node
   linkType: hard
 
-"@parcel/transformer-image@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-image@npm:2.4.1"
+"@parcel/runtime-service-worker@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/runtime-service-worker@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/workers": 2.4.1
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
-  checksum: 5add1cc25624faaa23f0c2735d2fa311a98fb89bff1e9515c9eb3fdd898bfc28714fcec9203fb550b2128bd9cf692cf354c8e4e98a68b6fedb6a8b3a31cf3a32
+  checksum: d3d140cc0d24798c35bd5290571445a468c589a196ab29c628a08534c2ad4107c45ed4671bf5b9543f32e1dc9acd300e178ad7366986797560464e522cd913ee
   languageName: node
   linkType: hard
 
-"@parcel/transformer-image@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-image@npm:2.5.0"
+"@parcel/source-map@npm:^2.0.0":
+  version: 2.0.2
+  resolution: "@parcel/source-map@npm:2.0.2"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/workers": 2.5.0
-    nullthrows: ^1.1.1
-  peerDependencies:
-    "@parcel/core": ^2.5.0
-  checksum: 78305db2f75cbf29565e9890b0754c5684a3882b0655a53af3af9b84697cd24127905cc270a4892041690af2dbb39c8074140aadb146b9db679cd74bc6d3c715
+    detect-libc: ^1.0.3
+  checksum: 5d684ddb9a10103540e0bf0c80d15e3b0481a36f9d456dda4411e16d235701eacd36e0571b58fad433df04283adca77ba88d1a8af0af04c75075bc053022d8ca
   languageName: node
   linkType: hard
 
-"@parcel/transformer-js@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-js@npm:2.4.1"
+"@parcel/transformer-babel@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-babel@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/plugin": 2.4.1
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.4.1
-    "@parcel/workers": 2.4.1
-    "@swc/helpers": ^0.3.6
+    "@parcel/utils": 2.6.0
     browserslist: ^4.6.6
-    detect-libc: ^1.0.3
+    json5: ^2.2.0
     nullthrows: ^1.1.1
-    regenerator-runtime: ^0.13.7
-    semver: ^5.7.1
-  checksum: bc3f90e9cf707de664acdf656521aa26371d7c4bd9ceba1e9b9e010865ee6bdfec10f42bb552132deb9de68b618d0e8e18cd81e19cd606f7954e25783642e7ac
+    semver: ^5.7.0
+  checksum: 1dff12dffe693075510a0864f99f814c5abe86b8bca22e6d8c94a1fa9eef39b693fca5b2990a635caa8d7bd704242a88d9309008495150c26c39847ab23ca7b8
   languageName: node
   linkType: hard
 
-"@parcel/transformer-js@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-js@npm:2.5.0"
+"@parcel/transformer-css@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-css@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/plugin": 2.5.0
+    "@parcel/css": ^1.9.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
     "@parcel/source-map": ^2.0.0
-    "@parcel/utils": 2.5.0
-    "@parcel/workers": 2.5.0
-    "@swc/helpers": ^0.3.6
+    "@parcel/utils": 2.6.0
     browserslist: ^4.6.6
-    detect-libc: ^1.0.3
     nullthrows: ^1.1.1
-    regenerator-runtime: ^0.13.7
-    semver: ^5.7.1
-  peerDependencies:
-    "@parcel/core": ^2.5.0
-  checksum: 74d3d0b2f37b720e15d8e5be12274b135489342940164ea9f8008a080c628011fd440bb5de065fc16942e62973a51458154a0d573854f4563fc54847323134c0
+  checksum: 16efc770e13badeb697f30c84043bf110f91002dde6a80aa9b9a685bfc5519563d508bd076c905cdb96447a6f7fd66c7b1cf95712a04e2915db94c69b4439a54
   languageName: node
   linkType: hard
 
-"@parcel/transformer-json@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-json@npm:2.4.1"
+"@parcel/transformer-html@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-html@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-    json5: ^2.2.0
-  checksum: 1d81615d0e1087c9515893656f2515b35cd578c12a2ffbdab39f3067bbe7aba122c6216c0e00646acf38d18fa6a1bc2e0b9718f032fbf336cdc6d80d9d26088c
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/plugin": 2.6.0
+    nullthrows: ^1.1.1
+    posthtml: ^0.16.5
+    posthtml-parser: ^0.10.1
+    posthtml-render: ^3.0.0
+    semver: ^5.7.1
+  checksum: 55f88caaf55d77313efbeb213a045456882245ed3d45b6c6dbf06e6e50409120d4773d72c8e7452bca27199558b67dfaa1692b08e6fd9475de92b744014a3f3c
   languageName: node
   linkType: hard
 
-"@parcel/transformer-json@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-json@npm:2.5.0"
+"@parcel/transformer-image@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-image@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    json5: ^2.2.0
-  checksum: 9a9a7498c274288932dc36be19443d80583ca4cc5b358c7598f93553ad2dca5e71c83097296940e631930ae64c2ec8854128fb8a762bbddc9297ec321280fdff
+    "@parcel/plugin": 2.6.0
+    "@parcel/workers": 2.6.0
+    nullthrows: ^1.1.1
+  peerDependencies:
+    "@parcel/core": ^2.6.0
+  checksum: b4f7f06ee16caf327a9f739b83a5fcfbc57ca99afb38b670f33b83bf6dffc99e2e033c9de5695be843d732c814ce34dedbc254f1c348ef34c12c5a3b57974c81
   languageName: node
   linkType: hard
 
-"@parcel/transformer-postcss@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-postcss@npm:2.4.1"
+"@parcel/transformer-js@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-js@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/hash": 2.4.1
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    clone: ^2.1.1
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/utils": 2.6.0
+    "@parcel/workers": 2.6.0
+    "@swc/helpers": ^0.3.15
+    browserslist: ^4.6.6
+    detect-libc: ^1.0.3
     nullthrows: ^1.1.1
-    postcss-value-parser: ^4.2.0
+    regenerator-runtime: ^0.13.7
     semver: ^5.7.1
-  checksum: e7802084526ee61f0e5bc067fef35c8b345cb58cdd5a017e38e0a2f1dbcc397c3e142d483535c1e85d66b5ec5afad241184b737cbde212af6161689a7fbce112
+  peerDependencies:
+    "@parcel/core": ^2.6.0
+  checksum: 837f93d04dc86c28697dca82f4da6575316fbb693bcff4c9a60a0232fcfb07dd61bf76938a7a4a0d65a043e78f28a9feeb6a8160af5111564da93632118e4263
   languageName: node
   linkType: hard
 
-"@parcel/transformer-postcss@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-postcss@npm:2.5.0"
+"@parcel/transformer-json@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-json@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/hash": 2.5.0
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
-    clone: ^2.1.1
-    nullthrows: ^1.1.1
-    postcss-value-parser: ^4.2.0
-    semver: ^5.7.1
-  checksum: 54d1b5d865e573b92d365dd0eb36710106ee7775f6aecee92611d1c300379958566b4f8434af585bbad4aa2a72e0ae67febb2b22fc28e0a8dfaba46a983bab63
+    "@parcel/plugin": 2.6.0
+    json5: ^2.2.0
+  checksum: 27ad74e0508ff7b09bbb5e822e8ce746b474bca37d04d7508b623052ba4f3e0b80a4b21bbfa9b839f35baf2c57040f0ec4d9390555021a9806c10050b11bb4a6
   languageName: node
   linkType: hard
 
-"@parcel/transformer-posthtml@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-posthtml@npm:2.4.1"
+"@parcel/transformer-postcss@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-postcss@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
+    clone: ^2.1.1
     nullthrows: ^1.1.1
-    posthtml: ^0.16.5
-    posthtml-parser: ^0.10.1
-    posthtml-render: ^3.0.0
+    postcss-value-parser: ^4.2.0
     semver: ^5.7.1
-  checksum: 1a517d3e9dc5a7bf8d3f1d3707c535d885186852622ae382a0960f8e600184f4954773cf03b02993f713edb61a32eecc26247af7e9999d8225106c10f577c2d1
+  checksum: 3835431655958ae05bd3a93af80353cb008f60594519d45cd1db795eff0f691b999c80a2049baaea37223eefe79922fc64d6d113ee02541fef60131feff31445
   languageName: node
   linkType: hard
 
-"@parcel/transformer-posthtml@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-posthtml@npm:2.5.0"
+"@parcel/transformer-posthtml@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-posthtml@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     posthtml-parser: ^0.10.1
     posthtml-render: ^3.0.0
     semver: ^5.7.1
-  checksum: 1ee61e554eee540f89d526ace0840ee84560693f3d2679399a126db792d9ad67e7bbe299b46ba4bdeaaca85b8c72ddd722f52457ac50ad2c6206c5e8424d1224
-  languageName: node
-  linkType: hard
-
-"@parcel/transformer-raw@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-raw@npm:2.4.1"
-  dependencies:
-    "@parcel/plugin": 2.4.1
-  checksum: bacb1e347c3bb4227b29472d5348dcfaab88972f7524778ea602eb521ef4be1c523abc03eb5bba4656cd3e7e21f57107003576633b56b4edb38bda8aee4a0a6d
-  languageName: node
-  linkType: hard
-
-"@parcel/transformer-raw@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-raw@npm:2.5.0"
-  dependencies:
-    "@parcel/plugin": 2.5.0
-  checksum: 75640c154636221b13e3c3485e7787240c071d8cf4e4e1e86a0f0a8916c4c41ed536004093017302b7b9404fd540a47b23322dd71d18ad1f3dc5bfdd4a58bd12
+  checksum: 1b94560b717c6af2aee8740951453b92de0d31dad5acc3efefd38c6653c5b9b6cbe0dd6eb7f02b01da8f591f11cf64bf12e60d3f52a0654538f197fb8e16efbf
   languageName: node
   linkType: hard
 
-"@parcel/transformer-react-refresh-wrap@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.4.1"
+"@parcel/transformer-raw@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-raw@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.4.1
-    "@parcel/utils": 2.4.1
-    react-refresh: ^0.9.0
-  checksum: 61d52402dee1a97ce7937af2fee0e68fa95a2a068c590e5e7cfe555ad5a3926e3922b746d90531cbcf2310e0659771b0c45dc0fb9bb3c7ba7d284bc891ced4a3
+    "@parcel/plugin": 2.6.0
+  checksum: 403fab19312f413de2449a87f627be6e3790e0446f336a6166cc260ae0d0e5406ec5f918e7b0ab5ec44a6ee20b1b25eb1c8f52b78876d45540e813a4b01800de
   languageName: node
   linkType: hard
 
-"@parcel/transformer-react-refresh-wrap@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.5.0"
+"@parcel/transformer-react-refresh-wrap@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-react-refresh-wrap@npm:2.6.0"
   dependencies:
-    "@parcel/plugin": 2.5.0
-    "@parcel/utils": 2.5.0
+    "@parcel/plugin": 2.6.0
+    "@parcel/utils": 2.6.0
     react-refresh: ^0.9.0
-  checksum: 5b7c7287022b4339ecb60de2e2fa15de97acb6d7e93ad1682bfe051c4e014d1ccf3d1dc1796ae1beda463ab1bc7ba541de20b5a75637849f841c6245fcbcee8c
+  checksum: 59e75bfa480e6beb92780a0aa20d9c28dc7630dbe72bf1df315b71d7a9f890cc358473ba34ccf1a80bd29671e3477091a753b7f01a9d622304d844a14cffb2eb
   languageName: node
   linkType: hard
 
@@ -4335,35 +3897,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@parcel/transformer-svg@npm:2.4.1":
-  version: 2.4.1
-  resolution: "@parcel/transformer-svg@npm:2.4.1"
-  dependencies:
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/hash": 2.4.1
-    "@parcel/plugin": 2.4.1
-    nullthrows: ^1.1.1
-    posthtml: ^0.16.5
-    posthtml-parser: ^0.10.1
-    posthtml-render: ^3.0.0
-    semver: ^5.7.1
-  checksum: f7f9a9a0dba9618501f5e6fbbb23421be686819ea70232c2a797ca87fe56b7ad23fdee72f01323f3e8dda23605e3fea1e244ca4ceb2053f5f6cdaa485aba0b4d
-  languageName: node
-  linkType: hard
-
-"@parcel/transformer-svg@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@parcel/transformer-svg@npm:2.5.0"
+"@parcel/transformer-svg@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/transformer-svg@npm:2.6.0"
   dependencies:
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/hash": 2.5.0
-    "@parcel/plugin": 2.5.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/plugin": 2.6.0
     nullthrows: ^1.1.1
     posthtml: ^0.16.5
     posthtml-parser: ^0.10.1
     posthtml-render: ^3.0.0
     semver: ^5.7.1
-  checksum: 8ba385e8bd3aa9c35f2d71b04c5d475bc6e8d77e79c9a16e13d39e4fdeb3ef52f350acabb4dd3ffc402e92d302da13ba5daea157b6052e8be18fd9d7814daf2e
+  checksum: 64d0274d7ada8473250d9107e72b1da26f2da74942177b73833e5272db7812934d6db24d02b5d49f05920963d2e17cacb090679e6e75f4414d56bff8dec39100
   languageName: node
   linkType: hard
 
@@ -4397,6 +3943,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/types@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/types@npm:2.6.0"
+  dependencies:
+    "@parcel/cache": 2.6.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/fs": 2.6.0
+    "@parcel/package-manager": 2.6.0
+    "@parcel/source-map": ^2.0.0
+    "@parcel/workers": 2.6.0
+    utility-types: ^3.10.0
+  checksum: a05de5059859836983bc01444b93f361e9032d39e3ee2efffc3c0d417b92a329be317db9b82751d6810cdb6f8b720f3237744fb00fa7d2d57c1f4d59d95b70c1
+  languageName: node
+  linkType: hard
+
 "@parcel/utils@npm:2.4.1":
   version: 2.4.1
   resolution: "@parcel/utils@npm:2.4.1"
@@ -4427,6 +3988,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/utils@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/utils@npm:2.6.0"
+  dependencies:
+    "@parcel/codeframe": 2.6.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/hash": 2.6.0
+    "@parcel/logger": 2.6.0
+    "@parcel/markdown-ansi": 2.6.0
+    "@parcel/source-map": ^2.0.0
+    chalk: ^4.1.0
+  checksum: acada3b77aac68b49068e4030ec9a2e2c1ea1a5f7a12eee8c979537cc385b15b3edab31678fc1b05a804dcec2f91a9947ac00dbecd57e6cc5407d79a7e1a9fdf
+  languageName: node
+  linkType: hard
+
 "@parcel/watcher@npm:^2.0.0":
   version: 2.0.5
   resolution: "@parcel/watcher@npm:2.0.5"
@@ -4470,6 +4046,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@parcel/workers@npm:2.6.0":
+  version: 2.6.0
+  resolution: "@parcel/workers@npm:2.6.0"
+  dependencies:
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/logger": 2.6.0
+    "@parcel/types": 2.6.0
+    "@parcel/utils": 2.6.0
+    chrome-trace-event: ^1.0.2
+    nullthrows: ^1.1.1
+  peerDependencies:
+    "@parcel/core": ^2.6.0
+  checksum: d064fabdff53ce14f69f5000c479d8e77795d4251c80ca373342e0ab73141878a7afc65d3d27c36c9c661c18fac77dc1e10799c1a532f456691157ea5a213f89
+  languageName: node
+  linkType: hard
+
 "@resolver-engine/core@npm:^0.3.3":
   version: 0.3.3
   resolution: "@resolver-engine/core@npm:0.3.3"
@@ -4793,7 +4385,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:^0.3.2, @swc/helpers@npm:^0.3.6":
+"@swc/helpers@npm:^0.3.15":
+  version: 0.3.17
+  resolution: "@swc/helpers@npm:0.3.17"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: ce3a5146d738b707f0608bba731aa1fd0a8e3f75f140ff7281225d775a769f085f085e0293b570a9d201c76e09951af178c9222d8c706d4ed0d1c85b25f55cb6
+  languageName: node
+  linkType: hard
+
+"@swc/helpers@npm:^0.3.2":
   version: 0.3.8
   resolution: "@swc/helpers@npm:0.3.8"
   checksum: 105e77db7757e6955490bc4551899f5130db373b8d8d15f558859f218138c308928274383f2df65702c51c302e434fbccd632a2a3c413f6d2edcb56c20b1ac82
@@ -15249,6 +14850,48 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lmdb-darwin-arm64@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb-darwin-arm64@npm:2.3.10"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lmdb-darwin-x64@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb-darwin-x64@npm:2.3.10"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lmdb-linux-arm64@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb-linux-arm64@npm:2.3.10"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"lmdb-linux-arm@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb-linux-arm@npm:2.3.10"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"lmdb-linux-x64@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb-linux-x64@npm:2.3.10"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"lmdb-win32-x64@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb-win32-x64@npm:2.3.10"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "lmdb@npm:2.2.4":
   version: 2.2.4
   resolution: "lmdb@npm:2.2.4"
@@ -15263,6 +14906,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lmdb@npm:2.3.10":
+  version: 2.3.10
+  resolution: "lmdb@npm:2.3.10"
+  dependencies:
+    lmdb-darwin-arm64: 2.3.10
+    lmdb-darwin-x64: 2.3.10
+    lmdb-linux-arm: 2.3.10
+    lmdb-linux-arm64: 2.3.10
+    lmdb-linux-x64: 2.3.10
+    lmdb-win32-x64: 2.3.10
+    msgpackr: ^1.5.4
+    nan: ^2.14.2
+    node-addon-api: ^4.3.0
+    node-gyp: latest
+    node-gyp-build-optional-packages: ^4.3.2
+    ordered-binary: ^1.2.4
+    weak-lru-cache: ^1.2.2
+  dependenciesMeta:
+    lmdb-darwin-arm64:
+      optional: true
+    lmdb-darwin-x64:
+      optional: true
+    lmdb-linux-arm:
+      optional: true
+    lmdb-linux-arm64:
+      optional: true
+    lmdb-linux-x64:
+      optional: true
+    lmdb-win32-x64:
+      optional: true
+  checksum: 761dfb585e9b3e32f78f77a8ee61b149cb4509c88578205fd4d19236ae14f825c46a3db65a37d6e4f49532b18ab4c147dd0e7fb3d4d9e4f0ac493e9c631ca516
+  languageName: node
+  linkType: hard
+
 "load-json-file@npm:^1.0.0":
   version: 1.1.0
   resolution: "load-json-file@npm:1.1.0"
@@ -16665,6 +16342,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-addon-api@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "node-addon-api@npm:4.3.0"
+  dependencies:
+    node-gyp: latest
+  checksum: 3de396e23cc209f539c704583e8e99c148850226f6e389a641b92e8967953713228109f919765abc1f4355e801e8f41842f96210b8d61c7dcc10a477002dcf00
+  languageName: node
+  linkType: hard
+
 "node-domexception@npm:1.0.0":
   version: 1.0.0
   resolution: "node-domexception@npm:1.0.0"
@@ -17371,51 +17057,27 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parcel@npm:^2.3.1":
-  version: 2.4.1
-  resolution: "parcel@npm:2.4.1"
-  dependencies:
-    "@parcel/config-default": 2.4.1
-    "@parcel/core": 2.4.1
-    "@parcel/diagnostic": 2.4.1
-    "@parcel/events": 2.4.1
-    "@parcel/fs": 2.4.1
-    "@parcel/logger": 2.4.1
-    "@parcel/package-manager": 2.4.1
-    "@parcel/reporter-cli": 2.4.1
-    "@parcel/reporter-dev-server": 2.4.1
-    "@parcel/utils": 2.4.1
-    chalk: ^4.1.0
-    commander: ^7.0.0
-    get-port: ^4.2.0
-    v8-compile-cache: ^2.0.0
-  bin:
-    parcel: lib/bin.js
-  checksum: 5579b9ce3f72c266aa23003720b7f6d83312fb29092643d43f2bb71a98996b57910f7767402f0493b8238d5fbd964573ac23bf3b5edbc410b3ae4e8a67542531
-  languageName: node
-  linkType: hard
-
-"parcel@npm:^2.5.0":
-  version: 2.5.0
-  resolution: "parcel@npm:2.5.0"
-  dependencies:
-    "@parcel/config-default": 2.5.0
-    "@parcel/core": 2.5.0
-    "@parcel/diagnostic": 2.5.0
-    "@parcel/events": 2.5.0
-    "@parcel/fs": 2.5.0
-    "@parcel/logger": 2.5.0
-    "@parcel/package-manager": 2.5.0
-    "@parcel/reporter-cli": 2.5.0
-    "@parcel/reporter-dev-server": 2.5.0
-    "@parcel/utils": 2.5.0
+"parcel@npm:^2.6.0":
+  version: 2.6.0
+  resolution: "parcel@npm:2.6.0"
+  dependencies:
+    "@parcel/config-default": 2.6.0
+    "@parcel/core": 2.6.0
+    "@parcel/diagnostic": 2.6.0
+    "@parcel/events": 2.6.0
+    "@parcel/fs": 2.6.0
+    "@parcel/logger": 2.6.0
+    "@parcel/package-manager": 2.6.0
+    "@parcel/reporter-cli": 2.6.0
+    "@parcel/reporter-dev-server": 2.6.0
+    "@parcel/utils": 2.6.0
     chalk: ^4.1.0
     commander: ^7.0.0
     get-port: ^4.2.0
     v8-compile-cache: ^2.0.0
   bin:
     parcel: lib/bin.js
-  checksum: 17e59fec64e76b758a44a86c6d8453339255e70331d1467ac114b1ae8b74c2c0d4611b8ab4a9b0e381c9aa3e3375dd8f772906323d1ff7bc391d216a74d57fe8
+  checksum: 11f1cf6c1dee3c3a3f7000062a7778fd74fe55e3266f819e32d8bb0efea9ce06194105f4ba5c85ec7ae8818dc470077f83302a4e2dcf487698fa695220f01011
   languageName: node
   linkType: hard
 
@@ -18508,6 +18170,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-error-overlay@npm:6.0.9":
+  version: 6.0.9
+  resolution: "react-error-overlay@npm:6.0.9"
+  checksum: 695853bc885e798008a00c10d8d94e5ac91626e8130802fea37345f9c037f41b80104345db2ee87f225feb4a4ef71b0df572b17c378a6d397b6815f6d4a84293
+  languageName: node
+  linkType: hard
+
 "react-is@npm:^16.12.0, react-is@npm:^16.13.1, react-is@npm:^16.7.0":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
@@ -21413,7 +21082,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.3.0, tslib@npm:~2.4.0":
+"tslib@npm:^2.3.0, tslib@npm:^2.4.0, tslib@npm:~2.4.0":
   version: 2.4.0
   resolution: "tslib@npm:2.4.0"
   checksum: 8c4aa6a3c5a754bf76aefc38026134180c053b7bd2f81338cb5e5ebf96fefa0f417bff221592bf801077f5bf990562f6264fecbc42cd3309b33872cb6fc3b113

From 6144a6ddc9a43aaaadd84846b86cfb9069e1d74c Mon Sep 17 00:00:00 2001
From: alcercu <alcercu@alumni.upv.es>
Date: Thu, 2 Jun 2022 12:12:30 +0200
Subject: [PATCH 24/24] refactor(web): clean code smells

---
 .../components/DisputeCard/DisputeInfo.tsx    | 21 ++++++++++++-------
 .../components/DisputeCard/PeriodBanner.tsx   | 19 ++++++++++-------
 web/src/pages/home/CourtOverview/Chart.tsx    |  4 ++--
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/web/src/components/DisputeCard/DisputeInfo.tsx b/web/src/components/DisputeCard/DisputeInfo.tsx
index f0c9c1057..f52557d67 100644
--- a/web/src/components/DisputeCard/DisputeInfo.tsx
+++ b/web/src/components/DisputeCard/DisputeInfo.tsx
@@ -43,11 +43,22 @@ const Container = styled.div`
   gap: 8px;
 `;
 
+const getPeriodPhrase = (period: Periods) => {
+  switch (period) {
+    case Periods.appeal:
+      return "Appeal Deadline";
+    case Periods.execution:
+      return "Final Decision";
+    default:
+      return "Voting Deadline";
+  }
+};
+
 export interface IDisputeInfo {
   court: string;
   category: string;
   rewards: string;
-  period: number;
+  period: Periods;
   date: number;
 }
 
@@ -64,13 +75,7 @@ const DisputeInfo: React.FC<IDisputeInfo> = ({
     <Field icon={PileCoinsIcon} name="Juror Rewards" value={rewards} />
     <Field
       icon={CalendarIcon}
-      name={
-        period === Periods.appeal
-          ? "Appeal Deadline"
-          : period === Periods.execution
-          ? "Final Decision"
-          : "Voting Deadline"
-      }
+      name={getPeriodPhrase(period)}
       value={new Date(date * 1000).toLocaleString()}
     />
   </Container>
diff --git a/web/src/components/DisputeCard/PeriodBanner.tsx b/web/src/components/DisputeCard/PeriodBanner.tsx
index c744c30b2..7e1ee779f 100644
--- a/web/src/components/DisputeCard/PeriodBanner.tsx
+++ b/web/src/components/DisputeCard/PeriodBanner.tsx
@@ -54,15 +54,20 @@ const Container = styled.div<Omit<IPeriodBanner, "id">>`
   }};
 `;
 
+const getPeriodLabel = (period: Periods) => {
+  switch (period) {
+    case Periods.appeal:
+      return "Crowdfunding Appeal";
+    case Periods.execution:
+      return "Closed";
+    default:
+      return "In Progress";
+  }
+};
+
 const PeriodBanner: React.FC<IPeriodBanner> = ({ id, period }) => (
   <Container {...{ period }}>
-    <label className="front-color dot">
-      {period === Periods.appeal
-        ? "Crowdfunding Appeal"
-        : period === Periods.execution
-        ? "Closed"
-        : "In Progress"}
-    </label>
+    <label className="front-color dot">{getPeriodLabel(period)}</label>
     <label className="front-color">#{id}</label>
   </Container>
 );
diff --git a/web/src/pages/home/CourtOverview/Chart.tsx b/web/src/pages/home/CourtOverview/Chart.tsx
index 26383e870..2e05b859a 100644
--- a/web/src/pages/home/CourtOverview/Chart.tsx
+++ b/web/src/pages/home/CourtOverview/Chart.tsx
@@ -32,9 +32,9 @@ const Chart: React.FC = () => {
   const { data } = useHomePageContext();
   const chartData = data?.[chartOption];
   const processedData = chartData?.reduce(
-    (data: IChartData[], { id, value }: { id: string; value: string }) => {
+    (accData: IChartData[], { id, value }: { id: string; value: string }) => {
       return [
-        ...data,
+        ...accData,
         {
           x: parseInt(id) * 1000,
           y: parseInt(