@@ -368,8 +231,8 @@ function Profile () {
Summary
- {userData.filter(({ id }) => selectedItems.includes(id)).map(item => (
- {item.property}
+ {userDataStore.decryptedData.filter(({ label }) => selectedItems.includes(label)).map(item => (
+ {item.label}
))}
@@ -470,6 +333,6 @@ function Profile () {
)
-}
+})
-export default Profile;
\ No newline at end of file
+export default Profile
\ No newline at end of file
diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/digitalId/ProfileTable.jsx
index cadad05..b65797b 100644
--- a/src/partials/digitalId/ProfileTable.jsx
+++ b/src/partials/digitalId/ProfileTable.jsx
@@ -1,5 +1,6 @@
import React, {useState, useEffect} from 'react';
import ProfileTableItem from './ProfileTableItem';
+import ProfileIcon from '../../images/profile-icon.svg';
function ProfileTable({
selectedItems,
@@ -8,6 +9,13 @@ function ProfileTable({
const [isCheck, setIsCheck] = useState([]);
+ const defaultData = {
+ image: ProfileIcon,
+ status: 'Stored',
+ transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'],
+ avatars: null
+ }
+
useEffect(() => {
selectedItems(isCheck);
// eslint-disable-next-line react-hooks/exhaustive-deps
@@ -21,85 +29,123 @@ function ProfileTable({
}
};
+ const data = {
+ general:["First name","Second name", "Gender", "Birthdate", "Place of birth"],
+ nationality:["Nationality", "National id", "National doctype", "National doc id", "National doc issue date", "National doc expiry date"],
+ 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.nationality.includes(elem.label)),
+ otherData = userData.filter((elem) =>
+ !data.general.includes(elem.label) && !data.nationality.includes(elem.label) && !data.social.includes(elem.label));
+
return (
<>
{/* General */}
-
General 🖋️
-
-
-
- {userData.filter(data => data.category === 'General')
- .map(data => {
+ 0 || 'hidden'}`}>
+
General 🖋️
+
+
+
+ {generalData.map((data) => {
return (
)
- })
- }
-
-
+ })}
+
+
-
-
- {userData.filter(data => data.category === 'Social')
- .map(data => {
- return (
-
- )
- })
- }
-
-
+
0 || 'hidden'}`}>
+
Social 🖋️
+
+
+
+ {sosialData.map(data => {
+ return (
+
+ )
+ })}
+
+
+
+
+ {/* Other */}
+
0 || 'hidden'}`}>
+
Other 🖋️
+
+
+
+ {otherData.map(data => {
+ return (
+
+ )
+ })}
+
+
+
)
diff --git a/src/store/store.js b/src/store/store.js
index 80ebc8b..390588c 100644
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -10,6 +10,8 @@ class Store {
_nodeInfo = {}
+ _userData = {}
+
constructor() {
makeAutoObservable(this);
@@ -18,15 +20,18 @@ class Store {
reaction(() => this.tokenKey, () => fetchWrapper.getAuth('http://3.125.47.101/api/data/account', {
networkIdentifier: this.nodeInfo.networkIdentifier,
lastBlockID: this.nodeInfo.lastBlockID
- }))
+ }).then((res) => this.userDataFetchChange(res)))
};
fetchCreateNewAccount() {
fetchWrapper.postAuth('http://3.125.47.101/api/data/account', {
networkIdentifier: this.nodeInfo.networkIdentifier,
lastBlockID: this.nodeInfo.lastBlockID
- }, [...this.encryptAccountData])
- .catch(()=>{})
+ }, [...this.encryptAccountData]).catch(()=>{})
+ };
+
+ userDataFetchChange(res) {
+ this._userData = res;
}
savePassPhrase(phrase) {
@@ -51,6 +56,10 @@ class Store {
console.log(err)
}
+ get userData() {
+ return this._userData;
+ }
+
get passPhrase() {
return 'rocket north inform swift improve fringe sweet crew client canyon bean autumn'
}
diff --git a/src/store/userDataStore.js b/src/store/userDataStore.js
new file mode 100644
index 0000000..2dd65ab
--- /dev/null
+++ b/src/store/userDataStore.js
@@ -0,0 +1,53 @@
+import { cryptography } from "@liskhq/lisk-client";
+import { makeAutoObservable, reaction } from "mobx";
+import { registrationStore } from './store';
+
+const labelMap = {
+ first_name: 'First name',
+ second_name: 'Second name',
+ gender: "Gender",
+ birthdate: "Birthdate",
+ place_of_birth: "Place of birth",
+ nationality: "Nationality",
+ national_id: "National id",
+ national_doctype: "National doctype",
+ national_doc_id: "National doc id",
+ national_doc_issue_date: "National doc issue date",
+ national_doc_expiry_date: "National doc expiry date",
+ telephone: "Telephone",
+ twitter: "Twitter",
+ facebook: "Facebook",
+ instagram: "Instagram",
+ youtube: "Youtube",
+ wechat: "Wechat",
+ tiktok: "Tiktok",
+ linkedin: "Linkedin",
+ vk: "Vk",
+ github: "Github",
+ telegram: "Telegram",
+ qq: "Qq",
+ snapchat: "Snapchat",
+ reddit: "Reddit"
+};
+
+class UserDataStore{
+ _data = [];
+
+ constructor() {
+ makeAutoObservable(this);
+
+ reaction(() => ({data: registrationStore.userData}), ({data}) => {
+ this._data = data.data;
+ })
+ }
+
+ get decryptedData(){
+ return this._data.map((elem) => ({
+ ...elem,
+ label: labelMap[elem.label],
+ value: cryptography.decryptMessageWithPassphrase(elem.value, elem.value_nonce, registrationStore.passPhrase, registrationStore.pubKey).split(':')[1]
+ }))
+ }
+}
+
+export const userDataStore = new UserDataStore();
\ No newline at end of file