diff --git a/src/pages/digitalId/Verify.jsx b/src/pages/digitalId/Verify.jsx index ff9ccff..aacb5d2 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -1,10 +1,82 @@ import React, { useState } from 'react'; - import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; function Verify () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [descriptionOpen, setDescriptionOpen] = useState(false); + + const verifiedData = [ + { + "date": "31.05.2022 10:48", + "fields": [ + { + "name": "Residence", + "value": "United Kindom", + "hash1": "7234ABC3423423523457234ABC34234", + "hash2": "7234ABC3423423523457234ABC34234" + }, + { + "name": "Document ID", + "value": "A1321313", + "hash1": "7234ABC3423423523457234ABC34234", + "hash2": "7234ABC3423423523457234ABC34234" + }, + { + "name": 'Document ID', + "value": 'A3451313', + "hash1": '9584ABC3423423523457234ABC34234', + "hash2": '9584ABC3423423523457234ABC34234' + } + ] + }, + { + "date": "31.05.2022 10:48", + "fields": [ + { + "name": 'Residence', + "value": 'Holland', + "hash1": '1024ABC3423423523457234ABC34234', + "hash2": '1024ABC3423423523457234ABC34234' + }, + { + "name": 'Document ID', + "value": 'B3451313', + "hash1": '7893ABC3423423523457234ABC34234', + "hash2": '7893ABC3423423523457234ABC34234' + }, + { + "name": 'Document ID', + "value": 'A3451313', + "hash1": '7286ABC3423423523457234ABC34234', + "hash2": '7286ABC3423423523457234ABC34234' + }, + ] + }, + { + "date": "31.05.2022 10:48", + "fields": [ + { + "name": 'Residence', + "value": 'China', + "hash1": '0000ABC3423423523457234ABC34234', + "hash2": '0000ABC3423423523457234ABC34234' + }, + { + "name": 'Document ID', + "value": 'C3451313', + "hash1": '1230ABC3423423523457234ABC34234', + "hash2": '1230ABC3423423523457234ABC34234' + }, + { + "name": 'Document ID', + "value": 'D3451313', + "hash1": '4483ABC3423423523457234ABC34234', + "hash2": '4483ABC3423423523457234ABC34234' + }, + ] + } + ]; return (
@@ -15,11 +87,78 @@ function Verify () { {/* Site header */}
-
+
{/* Page header */} -
- {/* Title */} -

Verify ✨

+
+
+
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+
+
+ {/* Block */} +
+ {verifiedData.map((item, index) => ( +
+ {/* Header */} +
+ + Yesterday at {item.date.slice(-5)} AM + + {/* Buttons */} +
+
+ +
+
+ +
+
+
+ {/* Content */} +
+ {item.fields.map((elem) => ( +
+
+
+ {elem.value} + {elem.hash1} + {elem.hash2} +
+ {elem.name} +
+
+ ))} +
+
+ ))}