Merge pull request #1733 from kleros/chore/remove-unused-libs-and-update-contact-support-link

chore(web): remove-unused-libs-and-update-contact-support-link

Author: alcercu

web/package.json

@@ -52,8 +52,6 @@
     "@kleros/kleros-v2-eslint-config": "workspace:^",
     "@kleros/kleros-v2-prettier-config": "workspace:^",
     "@kleros/kleros-v2-tsconfig": "workspace:^",
-    "@netlify/functions": "^1.6.0",
-    "@types/amqplib": "^0.10.4",
     "@types/busboy": "^1.5.3",
     "@types/react": "18.2.0",
     "@types/react-dom": "^18.2.18",
@@ -76,20 +74,16 @@
   },
   "dependencies": {
     "@cyntler/react-doc-viewer": "^1.16.3",
-    "@filebase/client": "^0.0.5",
     "@kleros/kleros-sdk": "workspace:^",
     "@kleros/ui-components-library": "^2.15.0",
     "@lifi/wallet-management": "^3.0.3",
     "@lifi/widget": "^3.2.0",
-    "@middy/core": "^5.3.2",
-    "@middy/http-json-body-parser": "^5.3.2",
     "@sentry/react": "^7.93.0",
     "@sentry/tracing": "^7.93.0",
     "@tanstack/react-query": "^5.40.1",
     "@types/react-modal": "^3.16.3",
     "@web3modal/wagmi": "^4.1.10",
     "@yornaath/batshit": "^0.9.0",
-    "amqplib": "^0.10.3",
     "chart.js": "^3.9.1",
     "chartjs-adapter-moment": "^1.0.1",
     "chartjs-plugin-datalabels": "^2.2.0",
@@ -114,7 +108,6 @@
     "react-scripts": "^5.0.1",
     "react-toastify": "^9.1.3",
     "react-use": "^17.4.3",
-    "siwe": "^2.3.2",
     "styled-components": "^5.3.11",
     "viem": "^2.21.35",
     "wagmi": "^2.12.25"

web/src/pages/Settings/EmailConfirmation/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from "react";
 import styled, { css } from "styled-components";
 
-import { useNavigate, useSearchParams } from "react-router-dom";
+import { Link, useSearchParams } from "react-router-dom";
 import { isAddress } from "viem";
 
 import { Button } from "@kleros/ui-components-library";
@@ -98,15 +98,15 @@ const messageConfigs = {
     headerMsg: "Invalid Link!",
     subtitleMsg: "Oops, seems like you followed an invalid link.",
     buttonMsg: "Contact Support",
-    buttonTo: "/",
+    buttonTo: "https://t.me/kleros",
     Icon: InvalidIcon,
     color: "primaryText",
   },
   error: {
     headerMsg: "Something went wrong",
     subtitleMsg: "Oops, seems like something went wrong in our systems",
     buttonMsg: "Contact Support",
-    buttonTo: "/",
+    buttonTo: "https://t.me/kleros",
     Icon: WarningIcon,
     color: "error",
   },
@@ -141,8 +141,6 @@ const EmailConfirmation: React.FC = () => {
   const address = searchParams.get("address");
   const token = searchParams.get("token");
 
-  const navigate = useNavigate();
-
   useEffect(() => {
     if (address && isAddress(address) && token) {
       setIsConfirming(true);
@@ -176,7 +174,9 @@ const EmailConfirmation: React.FC = () => {
             </HeaderIconContainer>
             <Header fontColor={color}>{headerMsg}</Header>
             <Subtitle>{subtitleMsg}</Subtitle>
-            <Button text={buttonMsg} onClick={() => navigate(buttonTo)} />
+            <Link to={buttonTo}>
+              <Button text={buttonMsg} />
+            </Link>
           </InfoWrapper>
           <IconContainer>
             <Icon />