diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index ddcf0dc..9474747 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -1,35 +1,306 @@ -import React, { useState } from 'react'; +import React, {useEffect, useState} from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; +import User05 from "../../images/user-28-05.jpg"; +import User08 from "../../images/user-28-08.jpg"; +import User09 from "../../images/user-28-09.jpg"; +import User06 from "../../images/user-28-06.jpg"; +import User03 from "../../images/user-28-03.jpg"; +import User01 from "../../images/user-28-01.jpg"; +import {TransactionID} from "../../utils/TransactionID"; +import {Link} from "react-router-dom"; + function ValidationLog () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [transId, setTransId] = useState() + + useEffect(()=>{ + setTransId(TransactionID()) + },[]) return ( -
- {/* Sidebar */} - +
+ {/* Sidebar */} + - {/* Content area */} -
- {/* Site header */} -
+ {/* Content area */} +
+ {/* Site header */} +
-
-
+
+
- {/* Page header */} -
- {/* Title */} -

Validation log ✨

+ {/* Page header */} +
+ {/* Title */} +

Digiatl ID transaction log ✨

+
+ {/*Psosts*/} +
+
+ {/* Post */} +
+
+
+

Today

+
+
+
+
+ {/* Avatars */} + +
·
+
+
+ {/* List */} +
    + {/* List item */} +
  • +
    + + +

    + Second name by {`0x${transId}`} +

    +
    +
    +
    {`0x${transId}`}
    + Transactions ID +
    +
    +
    {transId}
    + Validated data +
    + Explore -> +
    • + {/* List item */} +
  • +
    + + +

    + First name by {`0x${transId}`} +

    +
    +
    +
    {`0x${transId}`}
    + Transactions ID +
    +
    +
    {transId}
    + Validated data +
    + Explore -> +
    • + {/* List item */} +
  • +
    + +

    + Document name by {`0x${transId}`} +

    +
    +
    +
    {`0x${transId}`}
    + Transactions ID +
    +
    +
    {transId}
    + Validated data +
    + Explore -> +
    • +
+
+
+
+ + {/* Post */} +
+
+
+

Last week

+
+
+
+
+ {/* Avatars */} + +
·
+
+
+ {/* List */} +
    + {/* List item */} +
  • +
    + + +

    + Gender name by {`0x${transId}`} +

    +
    +
    +
    {`0x${transId}`}
    + Transactions ID +
    +
    +
    {transId}
    + Validated data +
    + Explore -> +
    • + {/* List item */} +
  • +
    + + +
    +
    {`0x${transId}`}
    + Transactions ID +
    +
    +
    {transId}
    + Validated data +
    + Explore -> +
    • + {/* List item */} +
  • +
    + +

    + Gender name by {`0x${transId}`} +

    +
    +
    +
    {`0x${transId}`}
    + Transactions ID +
    +
    +
    {transId}
    + Validated data +
    + Explore -> +
    • +
+
+
+
+ + {/* Post */} +
+
+
+

Even earlier

+
+
+
+
+ {/* Avatars */} + +
·
+
+
+ {/* List */} +
    + {/* List item */} +
  • +
    + + +

    Product V1 - Early Access

    +
    +
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
    +
    • + {/* List item */} +
  • +
    + +

    Web3 Compatibility

    +
    +
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
    +
    • +
+
+
+
+
+
-
-
+
+
-
) } -export default ValidationLog; \ No newline at end of file +export default ValidationLog; diff --git a/src/utils/TransactionID.js b/src/utils/TransactionID.js new file mode 100644 index 0000000..9f24e8f --- /dev/null +++ b/src/utils/TransactionID.js @@ -0,0 +1,6 @@ +export var TransactionID = (function(){ + return function () { + localStorage.setItem('transID', '7234ABC342342352345') + return localStorage.getItem('transID') + } +})