admin/BlockchainUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

converted user data into Map object

Browse Source
This commit is contained in:
Daria Golova
2022-07-01 16:03:21 +03:00
parent e883b190a7
commit 16ca8a1df2
2 changed files with 66 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/partials/digitalId/ProfileTable.jsx
View File

@@ -29,17 +29,40 @@ function ProfileTable({
}
};
function filterByCategory(map, category) {
let filteredArray = [];
if (arguments.length === 1) {
map.forEach((value, key) => {
if (!data.general.includes(key) && !data.nationality.includes(key) && !data.social.includes(key)){
filteredArray.push({
'key': key,
'value': value
});
}
});
} else {
map.forEach((value, key) => {
if (category.includes(key)){
filteredArray.push({
'key': key,
'value': value
})
}
});
}
return filteredArray;
}
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));
const generalData = filterByCategory(userData, data.general),
nationalityData = filterByCategory(userData, data.nationality),
sosialData = filterByCategory(userData, data.social),
otherData = filterByCategory(userData);
return (
<>
@@ -49,19 +72,19 @@ function ProfileTable({
<div className="overflow-x-auto w-[828px]">
<table className="w-[828px] table-auto w-full">
<tbody className="divide-slate-200 divide-y">
{generalData.map((data) => {
{generalData.map((elem) => {
return (
<ProfileTableItem
key={data.label}
id={data.label}
key={elem.key}
id={elem.key}
image={defaultData.image}
value={data.value.charAt(0).toUpperCase()+data.value.slice(1)}
property={data.label}
value={elem.value.charAt(0).toUpperCase()+elem.value.slice(1)}
property={elem.key}
status={defaultData.status}
transactions={defaultData.transactions}
avatars={defaultData.avatars}
handleClick={handleClick}
isChecked={isCheck.includes(data.label)}
isChecked={isCheck.includes(elem.key)}
/>
)
})}
@@ -75,19 +98,19 @@ function ProfileTable({
<div className="overflow-x-auto w-[828px]">
<table className="w-[828px] table-auto w-full">
<tbody className="text-sm divide-slate-200 divide-y ">
{nationalityData.map(data => {
{nationalityData.map((elem) => {
return (
<ProfileTableItem
key={data.label}
id={data.label}
key={elem.key}
id={elem.key}
image={defaultData.image}
value={data.value.charAt(0).toUpperCase()+data.value.slice(1)}
property={data.label}
value={elem.value.charAt(0).toUpperCase()+elem.value.slice(1)}
property={elem.key}
status={defaultData.status}
transactions={defaultData.transactions}
avatars={defaultData.avatars}
handleClick={handleClick}
isChecked={isCheck.includes(data.label)}
isChecked={isCheck.includes(elem.key)}
/>
)
})}
@@ -101,19 +124,19 @@ function ProfileTable({
<div className="overflow-x-auto w-[828px]">
<table className="w-[828px] table-auto w-full">
<tbody className="text-sm divide-slate-200 divide-y ">
{sosialData.map(data => {
{sosialData.map((elem) => {
return (
<ProfileTableItem
key={data.label}
id={data.label}
key={elem.key}
id={elem.key}
image={defaultData.image}
value={data.value.charAt(0).toUpperCase()+data.value.slice(1)}
property={data.label}
value={elem.value.charAt(0).toUpperCase()+elem.value.slice(1)}
property={elem.key}
status={defaultData.status}
transactions={defaultData.transactions}
avatars={defaultData.avatars}
handleClick={handleClick}
isChecked={isCheck.includes(data.label)}
isChecked={isCheck.includes(elem.key)}
/>
)
})}
@@ -127,19 +150,19 @@ function ProfileTable({
<div className="overflow-x-auto w-[828px]">
<table className="w-[828px] table-auto w-full">
<tbody className="text-sm divide-slate-200 divide-y ">
{otherData.map(data => {
{otherData.map((elem) => {
return (
<ProfileTableItem
key={data.label}
id={data.label}
key={elem.key}
id={elem.key}
image={defaultData.image}
value={data.value}
property={data.label}
value={elem.value.charAt(0).toUpperCase()+elem.value.slice(1)}
property={elem.key}
status={defaultData.status}
transactions={defaultData.transactions}
avatars={defaultData.avatars}
handleClick={handleClick}
isChecked={isCheck.includes(data.label)}
isChecked={isCheck.includes(elem.key)}
/>
)
})}

15
src/store/userDataStore.js
View File

@@ -14,11 +14,16 @@ class UserDataStore{
}
get data() {
return this._data.map((elem) => ({
...elem,
label: elem.label.charAt(0).toUpperCase()+elem.label.slice(1).split('_').join(' '),
value: cryptography.decryptMessageWithPassphrase(elem.value, elem.value_nonce, registrationStore.passPhrase, registrationStore.pubKey).split(':')[1]
}))
return this._data;
}
get decryptData(){
const labelMap = new Map;
this._data.forEach(elem =>
labelMap.set(elem.label.charAt(0).toUpperCase()+elem.label.slice(1).split('_').join(' '),
cryptography.decryptMessageWithPassphrase(elem.value, elem.value_nonce, registrationStore.passPhrase, registrationStore.pubKey).split(':')[1]
)
)
return labelMap;
}
}