diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..7a73a41 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,2 @@ +{ +} \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 8c034ab..65798b2 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -27,7 +27,7 @@ import Onboarding3 from "./pages/Onboarding3"; import Onboarding4 from "./pages/Onboarding4"; import SharedData from "./pages/SharedData"; import ResetPassword from "./pages/ResetPassword"; -import Signin from "./pages/Signin"; +import SignIn from "./pages/SignIn"; function App() { @@ -62,7 +62,7 @@ function App() { } /> } /> } /> - } /> + } /> ); diff --git a/src/pages/Onboarding1.jsx b/src/pages/Onboarding1.jsx index bc6e19d..f3205bf 100644 --- a/src/pages/Onboarding1.jsx +++ b/src/pages/Onboarding1.jsx @@ -1,6 +1,5 @@ import React from 'react'; import { Link } from 'react-router-dom'; - import OnboardingImage from '../images/onboarding-image.jpg'; import OnboardingDecoration from '../images/auth-decoration.png'; import Logo from "../images/logo.png"; @@ -8,9 +7,9 @@ import {observer} from "mobx-react-lite"; import {passphrase} from "@liskhq/lisk-client"; import {registrationStore} from "../store/store"; -const Onboarding1 = observer(()=>{ - let phrase = passphrase.Mnemonic.generateMnemonic() - registrationStore.savePassPhrase(phrase) +const Onboarding1 = observer(() => { + let phrase = passphrase.Mnemonic.generateMnemonic(); + registrationStore.savePassPhrase(phrase); return (
@@ -31,7 +30,7 @@ const Onboarding1 = observer(()=>{ logo
- Have an account? Sign In + Have an account? Sign In
diff --git a/src/pages/Onboarding2.jsx b/src/pages/Onboarding2.jsx index 09d93bf..28126dd 100644 --- a/src/pages/Onboarding2.jsx +++ b/src/pages/Onboarding2.jsx @@ -2,12 +2,11 @@ import React, {useState} from 'react'; import { Link } from 'react-router-dom'; import { observer } from "mobx-react-lite"; import { registrationStore } from "../store/store"; - import OnboardingImage from '../images/onboarding-image.jpg'; import OnboardingDecoration from '../images/auth-decoration.png'; import Logo from "../images/logo.png"; -const Onboarding2 = observer(()=>{ +const Onboarding2 = observer(() => { const [dataRegistration, setDataRegistration] = useState( { firstname: '', @@ -15,30 +14,33 @@ const Onboarding2 = observer(()=>{ gender: '', birthdate: '', } - ) - const [fillingForm, setFillingForm] = useState(false) + ); + const [fillingForm, setFillingForm] = useState(false); - const saveValueChange = (event)=>{ + const saveValueChange = (event) => { const newValue=event.target.value; setDataRegistration({ ...dataRegistration, - [event.target.id]: newValue + [event.target.id]: newValue, }) - if(!Object.keys(dataRegistration).find(item=>!dataRegistration[item])) { - setFillingForm(true) + }; + + const checkFillingForm = () => { + if (!Object.keys(dataRegistration).find(item => !dataRegistration[item])) { + setFillingForm(true); } - } + }; const saveStoreRegistration = ()=>{ - if(fillingForm) { - registrationStore.saveDataRegistration(Object.keys(dataRegistration).map(item=>{ + if (fillingForm) { + registrationStore.saveDataRegistration(Object.keys(dataRegistration).map(item => { return{ key: `${item}`, value: dataRegistration[item] } })) } - } + }; return (
@@ -59,7 +61,7 @@ const Onboarding2 = observer(()=>{ logo
- Have an account? Sign In + Have an account? Sign In
@@ -95,15 +97,15 @@ const Onboarding2 = observer(()=>{
- saveValueChange(event)} className="form-input w-full" type="text" /> + saveValueChange(event)} className="form-input w-full" type="text" />
- saveValueChange(event)} className="form-input w-full" type="text" /> + saveValueChange(event)} className="form-input w-full" type="text" />
- saveValueChange(event)} className="form-select w-full"> @@ -111,7 +113,7 @@ const Onboarding2 = observer(()=>{
- saveValueChange(event)} className="form-input w-full" type="date" autoComplete="on" /> + saveValueChange(event)} className="form-input w-full" type="date" autoComplete="on" />
@@ -121,7 +123,7 @@ const Onboarding2 = observer(()=>{ Email me about product news.
- @@ -129,7 +131,7 @@ const Onboarding2 = observer(()=>{ {/* Footer */}
- Have an account? Sign In + Have an account? Sign In
diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx index 66257d7..5c8e8fc 100644 --- a/src/pages/Onboarding3.jsx +++ b/src/pages/Onboarding3.jsx @@ -6,31 +6,30 @@ import {registrationStore} from "../store/store"; import { passphrase } from "@liskhq/lisk-client"; function Onboarding3() { - const [passPhrase, setPassPhrase] = useState(convertPhraseToArray(registrationStore.passPhrase)) + const [passPhrase, setPassPhrase] = useState(convertPhraseToArray(registrationStore.passPhrase)); function generatePassPhrase() { - let phrase = passphrase.Mnemonic.generateMnemonic() - registrationStore.savePassPhrase(phrase) - setPassPhrase(convertPhraseToArray(registrationStore.passPhrase)) - } + let phrase = passphrase.Mnemonic.generateMnemonic(); + registrationStore.savePassPhrase(phrase); + setPassPhrase(convertPhraseToArray(registrationStore.passPhrase)); + }; function savePassPhraseInStore (copiedPhrase) { - let phrasePaste = convertPhraseToArray(copiedPhrase.trim()) - if(phrasePaste.length===12) { - registrationStore.savePassPhrase(copiedPhrase.trim()) - setPassPhrase(phrasePaste) + let phrasePaste = convertPhraseToArray(copiedPhrase.trim()); + if (phrasePaste.length === 12) { + registrationStore.savePassPhrase(copiedPhrase.trim()); + setPassPhrase(phrasePaste); } else { return false } - } + }; function pastePassPhrase() { - navigator.clipboard.readText().then(res=>savePassPhraseInStore(res)) - } + navigator.clipboard.readText().then(res => savePassPhraseInStore(res)) + }; function convertPhraseToArray(phrase) { - return phrase.split(' ').map((item, index) => ({str:item, id:index })) - } - + return phrase.split(' ').map((item, index) => ({str:item, id:index})) + }; return (
@@ -51,7 +50,7 @@ function Onboarding3() { logo
- Have an account? Sign In + Have an account? Sign In
@@ -93,14 +92,14 @@ function Onboarding3() { ))}
- -
@@ -81,7 +81,7 @@ const Onboarding4 = observer(()=>{

{firstNameAccount ? `Nice to meet you, ${firstNameAccount} 🙌` : 'Please, go back step 2'}

- diff --git a/src/pages/ResetPassword.jsx b/src/pages/ResetPassword.jsx index 339a010..b85ed83 100644 --- a/src/pages/ResetPassword.jsx +++ b/src/pages/ResetPassword.jsx @@ -1,6 +1,5 @@ import React from 'react'; import { Link } from 'react-router-dom'; - import AuthImage from '../images/auth-image.jpg'; import AuthDecoration from '../images/auth-decoration.png'; diff --git a/src/pages/SharedData.jsx b/src/pages/SharedData.jsx index 2397bc9..a7af2ba 100644 --- a/src/pages/SharedData.jsx +++ b/src/pages/SharedData.jsx @@ -4,7 +4,7 @@ import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; import User06 from "../images/user-28-06.jpg"; import User08 from "../images/user-28-08.jpg"; import User09 from "../images/user-28-09.jpg"; -import SharedDataRoadMap from "../partials/shareddata/SharedDataRoadmap"; +import SharedDataRoadMap from "../partials/sharedData/SharedDataRoadmap"; function SharedData() { diff --git a/src/pages/Signin.jsx b/src/pages/SignIn.jsx similarity index 98% rename from src/pages/Signin.jsx rename to src/pages/SignIn.jsx index 710a855..f5b4aa3 100644 --- a/src/pages/Signin.jsx +++ b/src/pages/SignIn.jsx @@ -1,13 +1,12 @@ import React, { useEffect } from 'react'; import { Link } from 'react-router-dom'; - import AuthImage from '../images/auth-image.jpg'; import AuthDecoration from '../images/auth-decoration.png'; -function Signin() { +function SignIn() { useEffect(() => { localStorage.setItem('svgKey', '') - }, []) + }, []); return (
@@ -97,4 +96,4 @@ function Signin() { ); } -export default Signin; +export default SignIn; diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 23d9559..aad7628 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -3,13 +3,13 @@ import { registrationStore } from "../../store/store"; import Sidebar from '../../partials/Sidebar'; import { observer } from 'mobx-react-lite'; import Header from '../../partials/Header'; -import ProfileTable from '../../partials/digitalId/ProfileTable'; +import ProfileTable from '../../partials/profile/ProfileTable'; import Image from '../../images/transactions-image-04.svg'; const defaultValues = { label: '', value: '', - seed: String(Math.floor(Math.random() * 90000000000000000000), 10) + seed: String(Math.floor(Math.random() * 90000000000000000000), 10), }; const initialPropertyValues = ['First name', 'Second name', 'Birthdate', 'Gender', 'National doctype', 'National doc ID', 'National doc issue date', 'National doc expiry date']; @@ -31,12 +31,12 @@ const Profile = observer (() => { if (!addedValues.label) { setPropertyValues(initialPropertyValues); } - } + }; const changeAddedValues = (value, field) => { setAddedValues((prevState) => ({ ...prevState, - [field]: value + [field]: value, })) }; @@ -68,7 +68,7 @@ const Profile = observer (() => { .map(elem => ( (!elem.seed) ? { ...elem, - seed: String(Math.floor(Math.random() * 90000000000000000000), 10) + seed: String(Math.floor(Math.random() * 90000000000000000000), 10), }: elem))); if (selectedItems.length > 0) { setButtonPanelOpen(false); @@ -89,7 +89,7 @@ const Profile = observer (() => { const openAddPanel = () => { setAddPanelOpen(true); setButtonPanelOpen(false); - } + }; const sendAddedData = () => { const checkingAddedData = !registrationStore.decryptedUserData @@ -100,18 +100,18 @@ const Profile = observer (() => { setAddedValues(defaultValues); addDataParameters(); } - } + }; const sendUpdatedData = () => { setUpdatePanelOpen(false); changeDataParameters(); setChangePanelOpen(true); - } + }; const deleteDataParameters = () => { const changeData = registrationStore.decryptedUserData.filter(item=>!selectedItems.includes(item.key)) registrationStore.pushAccountData(changeData); - } + }; const changeInitialArray = () => { let newArr = []; @@ -130,44 +130,44 @@ const Profile = observer (() => { } }) return newArr; - } + }; const changeDataParameters = () => { const updatedData = changeInitialArray(); registrationStore.pushAccountData(updatedData); - } + }; const addDataParameters = () => { addedValues.key = addedValues.label.toLowerCase().split(' ').join('_'); registrationStore.pushAccountData(registrationStore.decryptedUserData.concat(addedValues)); - } + }; const cancelAddPanel = () => { setAddedValues(defaultValues); setAddPanelOpen(false); setButtonPanelOpen(true); - } + }; const cancelUpdatePanel = () => { setUpdatePanelOpen(false); setChangePanelOpen(true); - } + }; const openRemovePanel = () => { setRemovePanelOpen(true); setChangePanelOpen(false); - } + }; const openUpdatePanel = () => { setUpdatePanelOpen(true); setChangePanelOpen(false); - } + }; const applyDataDeletion = () => { setRemovePanelOpen(false); setButtonPanelOpen(true); deleteDataParameters() - } + }; const handleInput = (text, field) => { changeAddedValues(text, field); diff --git a/src/pages/digitalId/Validate.jsx b/src/pages/digitalId/Validate.jsx index 0f38c1b..78462f4 100644 --- a/src/pages/digitalId/Validate.jsx +++ b/src/pages/digitalId/Validate.jsx @@ -1,15 +1,14 @@ import React, { useState } from 'react'; import {observer} from "mobx-react-lite"; - import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; import ValidateTable from "../../partials/validate/ValidateTable"; import ValidatePanel from "../../partials/validate/ValidatePanel"; -import ValidateRoadMap from "../../partials/validationlog/ValidateRoadMap"; +import ValidateRoadMap from "../../partials/validationLog/ValidateRoadMap"; import {Link} from "react-router-dom"; import {registrationStore} from "../../store/store"; -const Validate = observer(()=>{ +const Validate = observer(() => { const [sidebarOpen, setSidebarOpen] = useState(false); const [validatePanelOpen, setValidatePanelOpen] = useState(true); diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index 0a3814f..6c2a4fc 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -1,12 +1,11 @@ import React, {useState} from 'react'; - -import ValidateRoadMap from "../../partials/validationlog/ValidateRoadMap"; +import ValidateRoadMap from "../../partials/validationLog/ValidateRoadMap"; import {observer} from "mobx-react-lite"; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; import {registrationStore} from "../../store/store"; -const ValidationLog = observer(()=>{ +const ValidationLog = observer(() => { const [sidebarOpen, setSidebarOpen] = useState(false); return ( @@ -28,7 +27,7 @@ const ValidationLog = observer(()=>{
{/* PostsID */} - {registrationStore.transactionsInfo.map(item=>{ + {registrationStore.transactionsInfo.map(item => { return })}
diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/profile/ProfileTable.jsx similarity index 95% rename from src/partials/digitalId/ProfileTable.jsx rename to src/partials/profile/ProfileTable.jsx index 239d3ab..283079f 100644 --- a/src/partials/digitalId/ProfileTable.jsx +++ b/src/partials/profile/ProfileTable.jsx @@ -14,7 +14,7 @@ function ProfileTable({ status: 'Stored', transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], avatars: null - } + }; useEffect(() => { selectedItems(isCheck); @@ -35,10 +35,10 @@ function ProfileTable({ social:["Telephone", "Twitter", "Facebook", "Instagram", "Youtube", "Wechat", "Tiktok", "Linkedin", "Vk", "Github", "Telegram", "Qq", "Snapchat", "Reddit"] } - const generalData = userData.filter(elem => data.general.includes(elem.label)), - nationalityData = userData.filter(elem => data.nationality.includes(elem.label)), - sosialData = userData.filter(elem => data.social.includes(elem.label)), - otherData = userData.filter((elem) => + const generalData = userData.filter(elem => data.general.includes(elem.label)); + const nationalityData = userData.filter(elem => data.nationality.includes(elem.label)); + const sosialData = userData.filter(elem => data.social.includes(elem.label)); + const otherData = userData.filter((elem) => !data.general.includes(elem.label) && !data.nationality.includes(elem.label) && !data.social.includes(elem.label)); return ( diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/profile/ProfileTableItem.jsx similarity index 100% rename from src/partials/digitalId/ProfileTableItem.jsx rename to src/partials/profile/ProfileTableItem.jsx diff --git a/src/partials/shareddata/SharedDataRoadmap.jsx b/src/partials/sharedData/SharedDataRoadmap.jsx similarity index 97% rename from src/partials/shareddata/SharedDataRoadmap.jsx rename to src/partials/sharedData/SharedDataRoadmap.jsx index 903dd4e..bc227d7 100644 --- a/src/partials/shareddata/SharedDataRoadmap.jsx +++ b/src/partials/sharedData/SharedDataRoadmap.jsx @@ -1,6 +1,6 @@ import React from "react"; -import ValidationUsersImg from "../validationlog/ValidationUsersImg"; +import ValidationUsersImg from "../validationLog/ValidationUsersImg"; function SharedDataRoadMap({ data }) { diff --git a/src/partials/validationlog/ValidateRoadMap.jsx b/src/partials/validationLog/ValidateRoadMap.jsx similarity index 100% rename from src/partials/validationlog/ValidateRoadMap.jsx rename to src/partials/validationLog/ValidateRoadMap.jsx diff --git a/src/partials/validationlog/ValidationSeasonItem.jsx b/src/partials/validationLog/ValidationSeasonItem.jsx similarity index 100% rename from src/partials/validationlog/ValidationSeasonItem.jsx rename to src/partials/validationLog/ValidationSeasonItem.jsx diff --git a/src/partials/validationlog/ValidationUsersImg.jsx b/src/partials/validationLog/ValidationUsersImg.jsx similarity index 100% rename from src/partials/validationlog/ValidationUsersImg.jsx rename to src/partials/validationLog/ValidationUsersImg.jsx diff --git a/src/shared/labelMap.js b/src/shared/labelMap.js index a089c41..960a316 100644 --- a/src/shared/labelMap.js +++ b/src/shared/labelMap.js @@ -23,5 +23,5 @@ export const labelMap = { telegram: "Telegram", qq: "Qq", snapchat: "Snapchat", - reddit: "Reddit" + reddit: "Reddit", }; diff --git a/src/store/store.js b/src/store/store.js index 70fa83f..382fd80 100644 --- a/src/store/store.js +++ b/src/store/store.js @@ -30,11 +30,11 @@ class Store { this.fetchNodeInfo() - reaction(()=>this.keysArray, ()=>this.fetchSharedData()) + reaction(() => this.keysArray, () => this.fetchSharedData()) onBecomeObserved(this, "decryptedUserData", () => this.fetchNewAccountData()) - onBecomeObserved(this, "transactionsInfo", ()=>this.fetchTransactionsInfo()) - onBecomeUnobserved(this, "transactionsInfo", ()=>this.unobservedTransactionsInfo()) - onBecomeObserved(this, "sharedData", ()=>this.fetchKeysArray()) + onBecomeObserved(this, "transactionsInfo", () => this.fetchTransactionsInfo()) + onBecomeUnobserved(this, "transactionsInfo", () => this.unobservedTransactionsInfo()) + onBecomeObserved(this, "sharedData", () => this.fetchKeysArray()) }; fetchNewAccountData() {