refactor: update-kleros-app-readme-and-package-json

Author: tractorss

kleros-app/package.json

@@ -1,17 +1,6 @@
 {
   "name": "@kleros/kleros-app",
   "version": "1.0.0",
-  "source": "src/lib/index.ts",
-  "module": "./dist/kleros-app.js",
-  "types": "./dist/kleros-app.d.ts",
-  "type": "module",
-  "scripts": {
-    "clean": "rm -rf dist",
-    "check-style": "eslint 'src/**/*.{ts,tsx}'",
-    "check-types": "tsc --noEmit",
-    "start": "vite dev src/",
-    "build": "yarn clean & vite build"
-  },
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/kleros/kleros-v2.git"
@@ -27,7 +16,18 @@
     "url": "https://github.com/kleros/kleros-v2/issues"
   },
   "homepage": "https://github.com/kleros/kleros-v2#readme",
-  "description": "",
+  "description": "Library for Kleros DApps with reusable abstractions and components.",
+  "source": "src/lib/index.ts",
+  "module": "./dist/kleros-app.js",
+  "types": "./dist/kleros-app.d.ts",
+  "type": "module",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "check-style": "eslint 'src/**/*.{ts,tsx}'",
+    "check-types": "tsc --noEmit",
+    "start": "vite dev src/",
+    "build": "yarn clean && vite build"
+  },
   "files": [
     "dist"
   ],

kleros-app/src/lib/atlas/providers/AtlasProvider.tsx

@@ -187,8 +187,8 @@ export const AtlasProvider: React.FC<{ config: AtlasConfig; children?: React.Rea
 
         const token = await loginUser(atlasGqlClient, { message, signature });
         setAuthToken(token);
-      } catch (err: any) {
-        throw new Error(err);
+      } catch (err: unknown) {
+        throw err;
       } finally {
         setIsSigningIn(false);
       }
@@ -211,8 +211,8 @@ export const AtlasProvider: React.FC<{ config: AtlasConfig; children?: React.Rea
         refetchUser();
 
         return userAdded;
-      } catch (err: any) {
-        throw new Error(err);
+      } catch (err: unknown) {
+        throw err;
       } finally {
         setIsAddingUser(false);
       }
@@ -235,8 +235,8 @@ export const AtlasProvider: React.FC<{ config: AtlasConfig; children?: React.Rea
         refetchUser();
 
         return emailUpdated;
-      } catch (err: any) {
-        throw new Error(err);
+      } catch (err: unknown) {
+        throw err;
       } finally {
         setIsUpdatingUser(false);
       }
@@ -261,8 +261,8 @@ export const AtlasProvider: React.FC<{ config: AtlasConfig; children?: React.Rea
           uploadToIpfs({ baseUrl: config.uri, authToken }, { file, name: file.name, role, product: config.product })
         );
         return hash ? `/ipfs/${hash}` : null;
-      } catch (err: any) {
-        throw new Error(err);
+      } catch (err: unknown) {
+        throw err;
       } finally {
         setIsUploadingFile(false);
       }

web/eslint.config.mjs

@@ -1,14 +1,15 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
 import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import tsParser from "@typescript-eslint/parser";
+import _import from "eslint-plugin-import";
 import react from "eslint-plugin-react";
 import reactHooks from "eslint-plugin-react-hooks";
 import security from "eslint-plugin-security";
-import _import from "eslint-plugin-import";
 import globals from "globals";
-import tsParser from "@typescript-eslint/parser";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -63,7 +64,7 @@ export default [
 
     settings: {
       react: {
-        version: "^16.12.0",
+        version: "^18.3.1",
       },
 
       "import/resolver": {

web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/EmailVerificationInfo.tsx

@@ -64,22 +64,21 @@ interface IEmailInfo {
 const EmailVerificationInfo: React.FC<IEmailInfo> = ({ toggleIsSettingsOpen }) => {
   const { userExists, user, updateEmail } = useAtlasProvider();
 
-  // TODO : update toast info, dont show "Updating email"
-  const resendEmail = useCallback(
+  const resendVerificationEmail = useCallback(
     (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
       if (!user) return;
-      infoToast(`Updating Email ...`);
+      infoToast(`Sending verfication email ...`);
       updateEmail({ newEmail: user.email })
         .then(async (res) => {
           if (res) {
-            successToast("Email Updated successfully!");
+            successToast("Verification email sent successfully!");
             toggleIsSettingsOpen();
           }
         })
         .catch((err) => {
           console.log(err);
-          errorToast(`Updating Email failed: ${err?.message}`);
+          errorToast(`Failed to send verification email: ${err?.message}`);
         });
     },
     [user, updateEmail, toggleIsSettingsOpen]
@@ -92,7 +91,7 @@ const EmailVerificationInfo: React.FC<IEmailInfo> = ({ toggleIsSettingsOpen }) =
         <InfoTitle>Email Verification Pending</InfoTitle>
         <InfoSubtitle>
           We sent you a verification email. Please, verify it.
-          <br /> Didn’t receive the email? <StyledButton text="Resend it" onClick={resendEmail} />
+          <br /> Didn’t receive the email? <StyledButton text="Resend it" onClick={resendVerificationEmail} />
         </InfoSubtitle>
       </InfoInnerContainer>
     </InfoContainer>