minor cleanup

iotaledger · Sep 6, 2024 · 6637595 · 6637595
1 parent 1765b33
commit 6637595
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 120 deletions.
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -10,17 +10,14 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@types/classnames": "^2.2.11",
     "antd": "^5.12.8",
     "aos": "^3.0.0-beta.6",
-    "axios": "^1.6.5",
     "buffer": "^6.0.3",
     "classnames": "^2.2.6",
     "crypto-browserify": "^3.12.0",
     "i18next": "^23.7.16",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-http-backend": "^2.4.2",
-    "randomstring": "^1.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.0.0",
@@ -62,6 +59,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@types/aos": "^3.0.3",
+    "@types/classnames": "^2.3.1",
     "@types/jest": "^27.5.2",
     "@types/node": "^20.10.7",
     "@types/qrcode.react": "^1.0.1",

diff --git a/web/src/pages/AppPicker.tsx b/web/src/pages/AppPicker.tsx
@@ -46,7 +46,7 @@ const AppPicker: React.FC = () => {
                                 <h2 className='subTitle'>{t("pages.walletSelect.subTitle")}</h2>
                                 <div className='apps'>
                                     {randomOrderWallets.map(wallet => (
-                                        <div className="app">
+                                        <div className="app" key={wallet.name}>
                                             <section className="app__wrapper">
                                                 <div className='app__column'>
                                                     {wallet.logo}
@@ -61,7 +61,7 @@ const AppPicker: React.FC = () => {
                                                         </Button>
                                                     </div>
                                                 </div>
-                                                <img className="app__image" src={wallet.image}></img>
+                                                <img className="app__image" alt={wallet.name} src={wallet.image}></img>
                                             </section>
                                             <Modal
                                                 open={open === wallet.name}

diff --git a/web/src/pages/Company/ProveIdentity.tsx b/web/src/pages/Company/ProveIdentity.tsx
@@ -1,22 +1,17 @@
-import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import randomstring from 'randomstring';
+import React, { useCallback, useEffect } from 'react';
 import { Layout, Loading, QRCode, RandomGraphicElement } from '../../components';
 import useStep from '../../utils/useStep';
 import { useTranslation, Trans } from 'react-i18next';
-import { Router, useNavigate } from 'react-router';
+import { useNavigate } from 'react-router';
 import { Actions, useCredentialsDispatch, useGlobalState } from '../../context/globalState';
 import { Providers } from '@shared/types/Providers';
-import { Issuers } from '@shared/types/Issuers';
 import { Scopes } from '@shared/types/Scopes';
-import { copyFile } from 'fs';
 
 const ProveIdentity: React.FC = () => {
     const { t } = useTranslation();
 
     const { nextStep } = useStep();
     const navigate = useNavigate();
-    const [loading, setLoading] = useState(true);
-    const [status, setStatus] = useState("pages.general.proveIdentity.waitingForLogin");
     const dispatch = useCredentialsDispatch();
     const { state } = useGlobalState();
 
@@ -34,17 +29,6 @@ const ProveIdentity: React.FC = () => {
             goToNextStep();
         }
     }, [state, goToNextStep])
-
-    const messages = {
-        waiting: 'general.messages.waiting',
-        connectionError: 'general.messages.connectionError',
-        missing: 'general.messages.missing',
-        verifying: 'general.messages.verifying'
-    };
-
-    function setStatusMessage(message: string) {
-        setStatus(message);
-    }
 
     return (
         <Layout>
@@ -57,8 +41,8 @@ const ProveIdentity: React.FC = () => {
                     <div className='qr-wrapper'>
                         <QRCode text={state[Scopes.CompanyHouse]?.QRcontent} />
                     </div>
-                    <p className='bold'>{t(status)}</p>
-                    {loading && <Loading />}
+                    <p className='bold'>{t("pages.general.proveIdentity.waitingForLogin")}</p>
+                    <Loading />
                 </div>
             </RandomGraphicElement>
         </Layout>

diff --git a/web/src/pages/Company/ProvideData.tsx b/web/src/pages/Company/ProvideData.tsx
@@ -1,5 +1,4 @@
 import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import randomstring from 'randomstring';
 import { Layout, Loading, QRCode, RandomGraphicElement } from '../../components';
 import useStep from '../../utils/useStep';
 import { useTranslation, Trans } from 'react-i18next';

diff --git a/web/src/pages/Government/ProveIdentity.tsx b/web/src/pages/Government/ProveIdentity.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { Layout, Loading, QRCode, RandomGraphicElement } from '../../components';
 import useStep from '../../utils/useStep';
 import { useTranslation, Trans } from 'react-i18next';
@@ -12,8 +12,6 @@ const ProveIdentity: React.FC = () => {
 
     const { nextStep } = useStep();
     const navigate = useNavigate();
-    const [loading, setLoading] = useState(true);
-    const [status, setStatus] = useState("pages.general.proveIdentity.waitingForLogin");
     const dispatch = useCredentialsDispatch();
     const { state } = useGlobalState();
 
@@ -31,17 +29,6 @@ const ProveIdentity: React.FC = () => {
             goToNextStep();
         }
     }, [state, goToNextStep])
-
-    const messages = {
-        waiting: 'general.messages.waiting',
-        connectionError: 'general.messages.connectionError',
-        missing: 'general.messages.missing',
-        verifying: 'general.messages.verifying'
-    };
-
-    function setStatusMessage(message: string) {
-        setStatus(message);
-    }
 
     return (
         <Layout>
@@ -54,8 +41,8 @@ const ProveIdentity: React.FC = () => {
                     <div className='qr-wrapper'>
                         <QRCode text={state[Scopes.Government]?.QRcontent} />
                     </div>
-                    <p className='bold'>{t(status)}</p>
-                    {loading && <Loading />}
+                    <p className='bold'>{t("pages.general.proveIdentity.waitingForLogin")}</p>
+                    <Loading />
                 </div>
             </RandomGraphicElement>
         </Layout>

diff --git a/web/src/styles/pages/appPicker.scss b/web/src/styles/pages/appPicker.scss
@@ -42,13 +42,14 @@
     margin-bottom: 20px;
     text-align: center;
   }
-
+  
   h2 {
     @include themify($themes) {
       color: themed("trinaryColor");
       font-size: themed("h2TextSize");
       line-height: themed("h2LineHeight");
     }
+    font-weight: 400;
   }
 
   p {