remove config file, clenup components

iotaledger · Aug 5, 2024 · 6f866a5 · 6f866a5
1 parent cb77b10
commit 6f866a5
Show file tree

Hide file tree

Showing 19 changed files with 22 additions and 818 deletions.
diff --git a/web/src/components/WebSocket.tsx b/web/src/components/WebSocket.tsx
diff --git a/web/src/components/index.tsx b/web/src/components/index.tsx
@@ -9,7 +9,6 @@ import PrefilledForm from './PrefilledForm';
 import Checkbox from './Checkbox';
 import AccountType from './AccountType';
 import RandomGraphicElement from './RandomGraphicElement';
-import WebSocket from './WebSocket';
 
 export {
     Sidebar,
@@ -23,5 +22,4 @@ export {
     Checkbox,
     AccountType,
     RandomGraphicElement,
-    WebSocket,
 };
diff --git a/web/src/components/landing/ControlIdentity.tsx b/web/src/components/landing/ControlIdentity.tsx
@@ -3,7 +3,7 @@ import { RandomGraphicElement } from '..';
 import connected from '../../assets/landing/connected.svg';
 import { Translation } from 'react-i18next';
 
-export default () => (
+const ControlIdentity = () => (
     <Translation>
         {
             (t) =>
@@ -13,10 +13,17 @@ export default () => (
                         <div className='content-wrapper'>
                             <div className='text-content-wrapper' data-aos='fade-up' data-aos-duration='1000'>
                                 <div className='heading-wrapper'>
-                                    <h2>{t("landing.controlIdentity.youControlYour")}</h2>
-                                    <h2>{t("landing.controlIdentity.ownIdentity")}</h2>
+                                    <h2>{t("landing.controlIdentity.theProblem")}</h2>
+                                    <h2>{t("landing.controlIdentity.theProblemSubline")}</h2>
                                 </div>
-                                <p>{t("landing.controlIdentity.whatItIsDetailed")}</p>
+                                <p>{t("landing.controlIdentity.theProblemText")}</p>
+                            </div>
+                            <div className='text-content-wrapper' data-aos='fade-up' data-aos-duration='1000'>
+                                <div className='heading-wrapper'>
+                                    <h2>{t("landing.controlIdentity.theSolution")}</h2>
+                                    <h2>{t("landing.controlIdentity.theSolutionSubline")}</h2>
+                                </div>
+                                <p>{t("landing.controlIdentity.theSolutionText")}</p>
                             </div>
                             <img data-aos='fade-up' data-aos-duration='1000' src={connected} alt='Connected' className='illustration' />
                         </div>
@@ -25,3 +32,5 @@ export default () => (
         }
     </Translation>
 );
+
+export default ControlIdentity;
diff --git a/web/src/config.json b/web/src/config.json
diff --git a/web/src/context/globalState.tsx b/web/src/context/globalState.tsx
@@ -3,7 +3,6 @@ import { createContext, useContext, useReducer } from 'react';
 import { routes, mainSteps } from '../steps';
 import SocketIOClient, { Socket } from 'socket.io-client';
 
-import config from '../config.json';
 import { Issuers } from '@shared/types/Issuers';
 import { Scopes } from '@shared/types/Scopes';
 import { Providers } from '@shared/types/Providers';

diff --git a/web/src/pages/AppPicker.tsx b/web/src/pages/AppPicker.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import { generatePath, Link } from 'react-router-dom';
-import { Button, Modal } from 'antd';
+import { Button, Flex, Modal } from 'antd';
 import { Layout, RandomGraphicElement } from '../components';
 import { QRCode } from 'antd';
 import useStep from '../utils/useStep';
@@ -10,7 +10,6 @@ import avatar1 from '../assets/avatar1.png';
 import avatar2 from '../assets/avatar2.png';
 import dots from '../assets/backgrounds/dots.png';
 import circle from '../assets/backgrounds/circleFrame6.svg';
-import config from '../config.json';
 import { useTranslation, Trans } from 'react-i18next';
 import { wallets } from '../wallets';
 import { utilityRoutes } from '../steps';
@@ -45,10 +44,10 @@ const AppPicker: React.FC = () => {
                                                 <div className='app__column'>
                                                     {wallet.logo}
                                                     <div className='app__content'>
-                                                        <span>
+                                                        <Flex align='center'>
                                                             by &nbsp;
                                                             {wallet.by}
-                                                        </span>
+                                                        </Flex>
 
                                                         <Button onClick={() => setOpen(wallet.name)}>
                                                             {t("actions.continue")}
@@ -67,10 +66,10 @@ const AppPicker: React.FC = () => {
                                                 <section className='wallet-modal'>
                                                     {wallet.logo}
                                                     <div className='wallet-modal__by'>
-                                                        <span>
+                                                        <Flex align='center'>
                                                             by &nbsp;
                                                             {wallet.by}
-                                                        </span>
+                                                        </Flex>
                                                     </div>
                                                     <p>{wallet.description}</p>