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

fix seed

Browse Source
This commit is contained in:
Daria Golova
2022-07-06 13:33:45 +03:00
parent 202989f374
commit 944c9989e9
1 changed files with 66 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/digitalId/ProfileId.jsx
View File

@@ -25,7 +25,7 @@ const Profile = observer (() => {
const initialPropertyValues = ['First name', 'Second name', 'Birthdate', 'Gender', 'Residence', 'Document type', 'Document ID', 'Issue date', 'Expiry date']; const initialPropertyValues = ['First name', 'Second name', 'Birthdate', 'Gender', 'Residence', 'Document type', 'Document ID', 'Issue date', 'Expiry date'];
const [propertyValues, setPropertyValues] = useState([]); const [propertyValues, setPropertyValues] = useState([]);
const [updatedValues, setUpdatedValues] = useState(defaultValues); const [updatedValues, setUpdatedValues] = useState([defaultValues]);
const [addedValues, setAddedValues] = useState(defaultValues); const [addedValues, setAddedValues] = useState(defaultValues);
const openHint = () => { const openHint = () => {
@@ -35,9 +35,13 @@ const Profile = observer (() => {
} }
const changeAddedValues = (value, field) => { const changeAddedValues = (value, field) => {
setAddedValues((prevState)=> ({ setAddedValues((prevState) => (
field !== 'seed' ? {
...prevState, ...prevState,
[field]: value.charAt(0).toUpperCase()+value.slice(1), [field]: value
} : {
...prevState,
[field]: +value,
})) }))
console.log(addedValues); console.log(addedValues);
}; };
@@ -45,9 +49,13 @@ const Profile = observer (() => {
const changeUpdatedValues = (value, field, key) => { const changeUpdatedValues = (value, field, key) => {
setUpdatedValues((prevState) => setUpdatedValues((prevState) =>
prevState.map((elem) => ( prevState.map((elem) => (
elem.key === key ? { (elem.key === key && field !== 'seed') ? {
...elem, ...elem,
[field]: value.charAt(0).toUpperCase()+value.slice(1), [field]: value,
} :
(elem.key === key) ? {
...elem,
[field]: +value,
} : elem } : elem
)) ))
) )
@@ -61,7 +69,12 @@ const Profile = observer (() => {
const handleSelectedItems = (selectedItems) => { const handleSelectedItems = (selectedItems) => {
setSelectedItems([...selectedItems]); setSelectedItems([...selectedItems]);
setUpdatedValues(userDataStore.decryptedData.filter(({ key }) => selectedItems.includes(key))); setUpdatedValues(userDataStore.decryptedData.filter(({ key }) => selectedItems.includes(key))
.map(elem => (
(!elem.seed) ? {
...elem,
seed: Math.floor(Math.random() * 90000000000000000000)
}: elem)));
if (selectedItems.length > 0) { if (selectedItems.length > 0) {
setButtonPanelOpen(false); setButtonPanelOpen(false);
setAddPanelOpen(false); setAddPanelOpen(false);
@@ -104,7 +117,7 @@ const Profile = observer (() => {
const cancelUpdatePanel = () => { const cancelUpdatePanel = () => {
setUpdatePanelOpen(false); setUpdatePanelOpen(false);
setButtonPanelOpen(true); setChangePanelOpen(true);
} }
const openRemovePanel = () => { const openRemovePanel = () => {
@@ -227,7 +240,7 @@ const Profile = observer (() => {
autoComplete='off' autoComplete='off'
id="seed" id="seed"
className="form-input w-full" className="form-input w-full"
type="text" type="number"
required required
onClick={() => setPropertyValues([])} onClick={() => setPropertyValues([])}
onChange={(e) => changeAddedValues(e.target.value, 'seed')} onChange={(e) => changeAddedValues(e.target.value, 'seed')}
@@ -266,6 +279,7 @@ const Profile = observer (() => {
<div className={`${!updatePanelOpen && 'hidden'} bg-white p-5 shadow-lg rounded-sm border border-slate-200 lg:w-72 xl:w-80 mb-11`}> <div className={`${!updatePanelOpen && 'hidden'} bg-white p-5 shadow-lg rounded-sm border border-slate-200 lg:w-72 xl:w-80 mb-11`}>
{updatedValues.map((item, index) => ( {updatedValues.map((item, index) => (
<div key={index} className="flex flex-col gap-y-3"> <div key={index} className="flex flex-col gap-y-3">
<div> <div>
<label className="block text-sm font-medium mb-1" htmlFor="mandatory">Property <span className="text-rose-500">*</span></label> <label className="block text-sm font-medium mb-1" htmlFor="mandatory">Property <span className="text-rose-500">*</span></label>
<input <input
@@ -296,17 +310,19 @@ const Profile = observer (() => {
autoComplete='off' autoComplete='off'
id={`${item.key}:seed`} id={`${item.key}:seed`}
className="form-input w-full" className="form-input w-full"
type="text" type="number"
required required
onChange={(e) => changeUpdatedValues(e.target.value, 'seed', item.key)} onChange={(e) => changeUpdatedValues(e.target.value, 'seed', item.key)}
value={item.seed || Math.floor(Math.random() * 90000000000000000000)} value={item.seed}
/> />
</div> </div>
{(updatedValues[index+1]) ? ( {(updatedValues[index+1]) ? (
<div className="mt-2 mb-3.5 items-center border-b border-slate-200"></div> <div className="mt-2 mb-3.5 items-center border-b border-slate-200"></div>
) : null} ) : null}
</div> </div>
))} ))}
<div className="flex flex-row justify-between pt-[16px] pb-[23px] items-center border-b border-slate-200"> <div className="flex flex-row justify-between pt-[16px] pb-[23px] items-center border-b border-slate-200">
<span className="block text-sm font-medium">Store data on blockchain</span> <span className="block text-sm font-medium">Store data on blockchain</span>
<div className="flex items-center"> <div className="flex items-center">