Verify ✨
+-
+
- + + +
- + + +
- + + +
diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index 4f35c23..700b72f 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -23,6 +23,7 @@ module.exports = { descriptionSize: ['0.75rem', { lineHeight: '1.25' }], xxs: ['0.625rem', { lineHeight: '0.75' }], xs: ['0.75rem', { lineHeight: '1.5' }], + descriptionSize: ['0.75rem', { lineHeight: '1.25' }], sm: ['0.875rem', { lineHeight: '1.5715' }], base: ['1rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], lg: ['1.125rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], diff --git a/src/pages/digitalId/Verify.jsx b/src/pages/digitalId/Verify.jsx index ff9ccff..61aae8c 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -5,6 +5,73 @@ import Header from '../../partials/Header'; function Verify () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [descriptionOpen, setDescriptionOpen] = useState(false); + + const verifiedData = [ + { + id: 0, + time: '10:48', + property: 'Residence', + value: 'United Kindom', + validatedData: '7234ABC3423423523457234ABC34234' + }, + { + id: 1, + time: '10:48', + property: 'Document ID', + value: 'A1321313', + validatedData: '4568ABC3423423523457234ABC34234' + }, + { + id: 2, + time: '10:48', + property: 'Document ID', + value: 'A3451313', + validatedData: '9584ABC3423423523457234ABC34234' + }, + { + id: 3, + time: '03:00', + property: 'Residence', + value: 'Holland', + validatedData: '1024ABC3423423523457234ABC34234' + }, + { + id: 4, + time: '03:00', + property: 'Document ID', + value: 'B3451313', + validatedData: '7893ABC3423423523457234ABC34234' + }, + { + id: 5, + time: '03:00', + property: 'Document ID', + value: 'A3451313', + validatedData: '7286ABC3423423523457234ABC34234' + }, + { + id: 6, + time: '10:00', + property: 'Residence', + value: 'China', + validatedData: '0000ABC3423423523457234ABC34234' + }, + { + id: 7, + time: '10:00', + property: 'Document ID', + value: 'C3451313', + validatedData: '1230ABC3423423523457234ABC34234' + }, + { + id: 8, + time: '10:00', + property: 'Document ID', + value: 'D3451313', + validatedData: '4483ABC3423423523457234ABC34234' + } + ] return (