From 4bdaa28fff32201ccbfb03d983892555e034af69 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Tue, 24 May 2022 18:40:13 +0300 Subject: [PATCH 01/39] create profile table item --- src/css/tailwind.config.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index cb18732..5f9a059 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -20,6 +20,7 @@ module.exports = { inter: ['Inter', 'sans-serif'], }, fontSize: { + xxs: ['0.625rem', { lineHeight: '0.75' }], xs: ['0.75rem', { lineHeight: '1.5' }], sm: ['0.875rem', { lineHeight: '1.5715' }], base: ['1rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], From 7ff6d08fc8310122d3b996606f87cd847d0e0890 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Tue, 24 May 2022 18:43:23 +0300 Subject: [PATCH 02/39] create profile table item --- src/images/profile-icon.svg | 10 +++ src/pages/digitalId/ProfileId.jsx | 23 ++++++ src/partials/digitalId/ProfileTableItem.jsx | 92 +++++++++++++++++++++ 3 files changed, 125 insertions(+) create mode 100644 src/images/profile-icon.svg create mode 100644 src/partials/digitalId/ProfileTableItem.jsx diff --git a/src/images/profile-icon.svg b/src/images/profile-icon.svg new file mode 100644 index 0000000..e9bfe8a --- /dev/null +++ b/src/images/profile-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index bd1f75a..1155f1b 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -2,10 +2,20 @@ import React, { useState } from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; +import ProfileTableItem from '../../partials/digitalId/ProfileTableItem'; +import ProfileIcon from '../../images/profile-icon.svg'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); + const data = { + id: '0', + image: ProfileIcon, + value: 'Passport', + property: 'Document type', + status: 'Stored' + }; + return (
{/* Sidebar */} @@ -24,6 +34,19 @@ function Profile () { {/* Title */}

Profile ✨

+ {/* Table */} + + + + +
diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx new file mode 100644 index 0000000..c94749a --- /dev/null +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -0,0 +1,92 @@ +import React, { useState } from 'react'; +import Avatar01 from '../../images/avatar-01.jpg'; +import Avatar02 from '../../images/avatar-02.jpg'; +import Avatar03 from '../../images/avatar-03.jpg'; + +function ProfileTableItem(props) { + const [descriptionOpen, setDescriptionOpen] = useState(false); + + return ( + + +
+ +
+ + +
+
+ {props.property} +
+
+
{props.value}
+
{props.property}
+
+
+ + + {(props.status === 'Progress') ? ( +
+
{props.status}
+
) : + (props.status === 'Stored') ? ( +
+
{props.status}
+
) : + (props.status === 'Completed') ? ( +
+
{props.status}
+
) : ( +
+
{props.status}
+
) + } + + +
+
+ Avatar + Avatar + Avatar + +
+
+ + + {/* Menu button */} +
+ +
+ + +
+ +
+ + + ); +} + +export default ProfileTableItem; From 1ab53990a1c4b5e06fd6365dbf15a7394af2769c Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 25 May 2022 01:30:58 +0300 Subject: [PATCH 03/39] add input --- src/pages/digitalId/ProfileId.jsx | 4 +- src/partials/digitalId/ProfileTableItem.jsx | 165 +++++++++++--------- 2 files changed, 93 insertions(+), 76 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 1155f1b..4100a3f 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -35,8 +35,8 @@ function Profile () {

Profile ✨

{/* Table */} - - +
+ - - - - - - + + + + + - + + + + + + ); } From c44516a2f79e117934037526d1deb9548aaf82ad Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 25 May 2022 15:09:00 +0300 Subject: [PATCH 04/39] done validation bar --- src/css/tailwind.config.js | 1 + src/pages/digitalId/ProfileId.jsx | 2 +- src/partials/digitalId/ProfileTableItem.jsx | 89 ++++++++++++++++++--- 3 files changed, 80 insertions(+), 12 deletions(-) diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index 5f9a059..4d79d5f 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -25,6 +25,7 @@ module.exports = { sm: ['0.875rem', { lineHeight: '1.5715' }], base: ['1rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], lg: ['1.125rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], + validateLg: ['1.125rem', { lineHeight: '1.875', letterSpacing: '-0.014em' }], xl: ['1.25rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], '2xl': ['1.5rem', { lineHeight: '1.33', letterSpacing: '-0.01em' }], '3xl': ['1.88rem', { lineHeight: '1.33', letterSpacing: '-0.01em' }], diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 4100a3f..1703232 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -13,7 +13,7 @@ function Profile () { image: ProfileIcon, value: 'Passport', property: 'Document type', - status: 'Stored' + status: 'Progress' }; return ( diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index 3f1ecb0..3ab2af0 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -8,8 +8,8 @@ function ProfileTableItem(props) { return ( <> - - + - - - - + From 6580c211ffba4c61607e80552405cdb34dccb80c Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 25 May 2022 15:40:45 +0300 Subject: [PATCH 05/39] add props --- src/pages/digitalId/ProfileId.jsx | 6 +++++- src/partials/digitalId/ProfileTableItem.jsx | 12 ++++++------ 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 1703232..5a06620 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -13,7 +13,9 @@ function Profile () { image: ProfileIcon, value: 'Passport', property: 'Document type', - status: 'Progress' + status: 'Progress', + transactions: '0x7234ABC342342352345', + validatedData: '7234ABC342342352345' }; return ( @@ -44,6 +46,8 @@ function Profile () { value={data.value} property={data.property} status={data.status} + transactions={data.transactions} + validatedData={data.validatedData} />
-
- -
- 		-
-
- {props.property} -
-
-
{props.value}
-
{props.property}
-
-
- 		- {(props.status === 'Progress') ? ( -
-
{props.status}
-
) : - (props.status === 'Stored') ? ( -
-
{props.status}
-
) : - (props.status === 'Completed') ? ( -
-
{props.status}
-
) : ( -
-
{props.status}
-
) - } - 		-
-
- Avatar - Avatar - Avatar - -
-
- 		- {/* Menu button */} -
- -
- 		+ <> +
-
+ 		+
+
+ {props.property} +
+
+
{props.value}
+
{props.property}
+
+
+ 		+ {(props.status === 'Progress') ? ( +
+
{props.status}
+
) : + (props.status === 'Stored') ? ( +
+
{props.status}
+
) : + (props.status === 'Completed') ? ( +
+
{props.status}
+
) : ( +
+
{props.status}
+
) + } + 		+
+
+ Avatar + Avatar + Avatar + +
+
+ 		+ {/* Menu button */} +
+
+
+ +
+
+
+
+ + +
+ +
+
+
+
{props.property}
-
+
{props.value}
{props.property}
 + {(props.status === 'Progress') ? (
{props.status}
@@ -61,7 +61,7 @@ function ProfileTableItem(props) {
+ {/* Menu button */}
- + {/* Progress validation bar */} +
+
+
+

Today

+
+
+ +
diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index 3ab2af0..19dee16 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -119,15 +119,15 @@ function ProfileTableItem(props) {

Validate by - 0x7324ABC342342352345 + {props.transactions}

- 0x7324ABC342342352345 + {props.transactions} Transactions ID
- 7324ABC342342352345 + {props.validatedData} Validated data
@@ -146,15 +146,15 @@ function ProfileTableItem(props) {

Validate by - 0x7324ABC342342352345 + {props.transactions}

- 0x7324ABC342342352345 + {props.transactions} Transactions ID
- 7324ABC342342352345 + {props.validatedData} Validated data
From 60194da89baf694d1adb97728513121359f54e54 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 25 May 2022 16:03:52 +0300 Subject: [PATCH 06/39] fix status chips --- src/partials/digitalId/ProfileTableItem.jsx | 36 +++++++++++---------- 1 file changed, 19 insertions(+), 17 deletions(-) diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index 19dee16..d00669d 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -18,7 +18,7 @@ function ProfileTableItem(props) {
-
+
{props.property}
@@ -29,22 +29,24 @@ function ProfileTableItem(props) {
- {(props.status === 'Progress') ? ( -
-
{props.status}
-
) : - (props.status === 'Stored') ? ( -
-
{props.status}
-
) : - (props.status === 'Completed') ? ( -
-
{props.status}
-
) : ( -
-
{props.status}
-
) - } +
+ {(props.status === 'Progress') ? ( +
+ {props.status} +
) : + (props.status === 'Stored') ? ( +
+ {props.status} +
) : + (props.status === 'Completed') ? ( +
+ {props.status} +
) : ( +
+ {props.status} +
) + } +
From 13839cf67c4b728049de3f2b2b9b7da0439110cc Mon Sep 17 00:00:00 2001 From: DwCay Date: Thu, 26 May 2022 00:47:06 +0300 Subject: [PATCH 07/39] Add page ValidationLog --- src/pages/digitalId/ValidationLog.jsx | 307 ++++++++++++++++++++++++-- src/utils/TransactionID.js | 6 + 2 files changed, 295 insertions(+), 18 deletions(-) create mode 100644 src/utils/TransactionID.js 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') + } +}) From 5f1e8c55ff0bc3264f10a495e2c62f6bab779dcf Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 12:29:12 +0300 Subject: [PATCH 08/39] fix validate prop --- src/pages/digitalId/ProfileId.jsx | 10 +- src/partials/digitalId/ProfileTableItem.jsx | 104 ++++++++------------ 2 files changed, 46 insertions(+), 68 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 5a06620..75103fe 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -4,6 +4,9 @@ import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; import ProfileTableItem from '../../partials/digitalId/ProfileTableItem'; import ProfileIcon from '../../images/profile-icon.svg'; +import Avatar01 from '../../images/avatar-01.jpg'; +import Avatar02 from '../../images/avatar-02.jpg'; +import Avatar03 from '../../images/avatar-03.jpg'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); @@ -14,8 +17,8 @@ function Profile () { value: 'Passport', property: 'Document type', status: 'Progress', - transactions: '0x7234ABC342342352345', - validatedData: '7234ABC342342352345' + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] }; return ( @@ -47,13 +50,12 @@ function Profile () { property={data.property} status={data.status} transactions={data.transactions} - validatedData={data.validatedData} + avatars={data.avatars} />
-
) diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index d00669d..5a17432 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -1,7 +1,4 @@ import React, { useState } from 'react'; -import Avatar01 from '../../images/avatar-01.jpg'; -import Avatar02 from '../../images/avatar-02.jpg'; -import Avatar03 from '../../images/avatar-03.jpg'; function ProfileTableItem(props) { const [descriptionOpen, setDescriptionOpen] = useState(false); @@ -9,7 +6,7 @@ function ProfileTableItem(props) { return ( <> - +
- +
{(props.status === 'Progress') ? (
@@ -51,9 +48,11 @@ function ProfileTableItem(props) {
- Avatar - Avatar - Avatar + {(props.avatars) ? ( + props.avatars.map((avatar, index) => ( + Avatar + )) + ): null}
- {/* Menu button */} + {/* Button */}
- +
+
) } From 180961ec2036ea9e221a8cd19acf7bf60b0f7b3f Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 15:59:34 +0300 Subject: [PATCH 11/39] create table --- src/pages/digitalId/ProfileId.jsx | 54 ++--- src/partials/digitalId/ProfileTable.jsx | 222 ++++++++++++++++++++ src/partials/digitalId/ProfileTableItem.jsx | 4 +- 3 files changed, 247 insertions(+), 33 deletions(-) create mode 100644 src/partials/digitalId/ProfileTable.jsx diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 4d85496..d74c2a7 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -2,25 +2,11 @@ import React, { useState } from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; -import ProfileTableItem from '../../partials/digitalId/ProfileTableItem'; -import ProfileIcon from '../../images/profile-icon.svg'; -import Avatar01 from '../../images/avatar-01.jpg'; -import Avatar02 from '../../images/avatar-02.jpg'; -import Avatar03 from '../../images/avatar-03.jpg'; +import ProfileTable from '../../partials/digitalId/ProfileTable'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); - const data = { - id: '0', - image: ProfileIcon, - value: 'Passport', - property: 'Document type', - status: 'Progress', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: [Avatar01, Avatar02, Avatar03] - }; - return (
{/* Sidebar */} @@ -32,25 +18,31 @@ function Profile () {
{/* Page header */} -
+
{/* Title */} -

Profile ✨

+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+ {/* Page content */} {/* Table */} - - - - -
+
diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/digitalId/ProfileTable.jsx new file mode 100644 index 0000000..f0f6b5f --- /dev/null +++ b/src/partials/digitalId/ProfileTable.jsx @@ -0,0 +1,222 @@ +import React from 'react'; +import ProfileTableItem from './ProfileTableItem'; +import ProfileIcon from '../../images/profile-icon.svg'; +import Avatar01 from '../../images/avatar-01.jpg'; +import Avatar02 from '../../images/avatar-02.jpg'; +import Avatar03 from '../../images/avatar-03.jpg'; + +function ProfileTable() { + + const userData = [ + { + id: '0', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Dominik', + property: 'First name', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '1', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Lamakani', + property: 'Second name', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '2', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.1983', + property: 'Birthdate', + status: 'Incorrect', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '3', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Male', + property: 'Gender', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '4', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'United Kindom', + property: 'Residence', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '5', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Passport', + property: 'Document type', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '6', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'A123B3143', + property: 'Document ID', + status: 'Incorrect', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '7', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.2012', + property: 'Issue date', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '8', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.2032', + property: 'Expiry date', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '9', + category: 'Social', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '@lamakani', + property: 'Telegram', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '10', + category: 'Social', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '@lamakani', + property: 'Telegram', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + ] + + return ( + <> +

General 🖋️

+
+ + + {userData.filter(data => data.category === 'General') + .map(data => { + return ( + + ) + }) + } + +
+
+ +

Nationality 🖋️

+
+ + + {userData.filter(data => data.category === 'Nationality') + .map(data => { + return ( + + ) + }) + } + +
+
+ +

Social 🖋️

+
+ + + {userData.filter(data => data.category === 'Social') + .map(data => { + return ( + + ) + }) + } + +
+
+ + ) +} + +export default ProfileTable; diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index 5a17432..ccc8faa 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -5,7 +5,7 @@ function ProfileTableItem(props) { return ( <> - +
- +
From 99d235f5e7aa29e5b5d91af1162454a007f5d036 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 18:05:07 +0300 Subject: [PATCH 12/39] create add field form --- src/pages/digitalId/ProfileId.jsx | 80 ++++++++++++++++++------- src/partials/digitalId/ProfileTable.jsx | 2 +- 2 files changed, 58 insertions(+), 24 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index d74c2a7..731792e 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -6,6 +6,7 @@ import ProfileTable from '../../partials/digitalId/ProfileTable'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [toggle, setToggle] = useState(true); return (
@@ -17,32 +18,65 @@ function Profile () {
- {/* Page header */} -
- {/* Title */} +
+ {/* Page header */}
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
+ {/* Title */} +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+ {/* Table */} + +
+ {/* Sidebar */} +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ Store data on blockchain + {/* Start */} +
+
+ setToggle(!toggle)} /> + +
+
+
+ {/* End */} +
- {/* Page content */} - {/* Table */} -
diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/digitalId/ProfileTable.jsx index f0f6b5f..095d624 100644 --- a/src/partials/digitalId/ProfileTable.jsx +++ b/src/partials/digitalId/ProfileTable.jsx @@ -147,7 +147,7 @@ function ProfileTable() {

General 🖋️

- + {userData.filter(data => data.category === 'General') .map(data => { return ( From df6419bfff0a907d6f1cb3debb6907709ece016f Mon Sep 17 00:00:00 2001 From: DwCay Date: Thu, 26 May 2022 20:04:24 +0300 Subject: [PATCH 13/39] Add page Validate and update ValidationLog --- src/pages/digitalId/Validate.jsx | 100 +++++- src/pages/digitalId/ValidationLog.jsx | 301 ++++++------------ src/pages/digitalId/Verify.jsx | 2 +- src/pages/finance/TransactionDetails.jsx | 2 +- src/partials/validate/ValidateItem.jsx | 57 ++++ src/partials/validate/ValidatePanel.jsx | 136 ++++++++ src/partials/validate/ValidateTable.jsx | 135 ++++++++ .../validationlog/ValidateRoadMap.jsx | 39 +++ .../validationlog/ValidationSeasonItem.jsx | 30 ++ .../validationlog/ValidationUsersImg.jsx | 11 + src/utils/TransactionID.js | 10 +- 11 files changed, 606 insertions(+), 217 deletions(-) create mode 100644 src/partials/validate/ValidateItem.jsx create mode 100644 src/partials/validate/ValidatePanel.jsx create mode 100644 src/partials/validate/ValidateTable.jsx create mode 100644 src/partials/validationlog/ValidateRoadMap.jsx create mode 100644 src/partials/validationlog/ValidationSeasonItem.jsx create mode 100644 src/partials/validationlog/ValidationUsersImg.jsx diff --git a/src/pages/digitalId/Validate.jsx b/src/pages/digitalId/Validate.jsx index 5ef3b28..7ceea41 100644 --- a/src/pages/digitalId/Validate.jsx +++ b/src/pages/digitalId/Validate.jsx @@ -2,9 +2,65 @@ import React, { useState } from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; +import ValidateTable from "../../partials/validate/ValidateTable"; +import ValidatePanel from "../../partials/validate/ValidatePanel"; +import ValidateRoadMap from "../../partials/validationlog/ValidateRoadMap"; +import {TransactionID} from "../../utils/TransactionID"; +import {Link} from "react-router-dom"; +import User06 from "../../images/user-28-06.jpg"; +import User08 from "../../images/user-28-08.jpg"; +import User09 from "../../images/user-28-09.jpg"; +import User05 from "../../images/user-28-05.jpg"; function Validate () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [validatePanelOpen, setValidatePanelOpen] = useState(true); + + const validateItems = [ + { + id: '40', + name: 'Today', + transid: TransactionID(), + usersImges: [ + { + img: User06, + imgId: "343" + }, + { + img: User08, + imgId: "345" + }, + { + img: User09, + imgId: "321" + }, + { + img: User05, + imgId: "387" + }, + ], + items: [ + { + seasonId: TransactionID(), + id: '555', + trunsText: 'Second name for', + checked: true + }, + { + seasonId: TransactionID(), + id: '534', + trunsText: 'Gender name for', + checked: true + }, + { + seasonId: TransactionID(), + id: '567', + trunsText: 'Document ID name for', + checked: true + }, + ] + }, + ]; return (
@@ -18,13 +74,47 @@ function Validate () {
- +
{/* Page header */} -
- {/* Title */} -

Validate ✨

+
+ {/* Title */} +

0x28394710234192304719234

+
+ Explore -> +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+ +
+

Digiatl ID validation log ✨

+
+ {validateItems.map(item => { + return + })}
+
@@ -32,4 +122,4 @@ function Validate () { ) } -export default Validate; \ No newline at end of file +export default Validate; diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index 9474747..2437cf3 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -1,5 +1,6 @@ -import React, {useEffect, useState} from 'react'; +import React, { useState} from 'react'; +import ValidateRoadMap from "../../partials/validationlog/ValidateRoadMap"; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; import User05 from "../../images/user-28-05.jpg"; @@ -9,16 +10,98 @@ 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()) - },[]) + const logItems = [ + { + id: '20', + name: 'Today', + transid: TransactionID(), + usersImges: [ + { + img: User06, + imgId: "249" + }, + { + img: User08, + imgId: "212" + }, + { + img: User09, + imgId: "217" + }, + { + img: User05, + imgId: "276" + }, + ], + items: [ + { + seasonId: TransactionID(), + id: '434', + trunsText: 'Second name', + checked: true + }, + { + seasonId: TransactionID(), + id: '476', + trunsText: 'First name by', + checked: true + }, + { + seasonId: TransactionID(), + id: '422', + trunsText: 'Document name by', + checked: true + }, + ] + }, + { + id: '30', + name: 'Last Week', + transid: TransactionID(), + usersImges: [ + { + img: User06, + imgId: "145" + }, + { + img: User08, + imgId: "182" + }, + { + img: User09, + imgId: "154" + }, + { + img: User05, + imgId: "114" + }, + ], + items: [ + { + seasonId: TransactionID(), + id: '654', + trunsText: 'Gender name by', + checked: true + }, + { + seasonId: TransactionID(), + id: '617', + trunsText: 'Second name Updated', + checked: false + }, + { + seasonId: TransactionID(), + id: '643', + trunsText: 'Gender name by', + checked: true + }, + ] + }, + ] return (
@@ -41,206 +124,10 @@ function ValidationLog () { {/*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 -> -
    • -
-
-
-
- + {/* PostsID */} + {logItems.map(item => { + return + })} {/* Post */}
diff --git a/src/pages/digitalId/Verify.jsx b/src/pages/digitalId/Verify.jsx index 8510b51..34cd9e4 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -32,4 +32,4 @@ function Verify () { ) } -export default Verify; \ No newline at end of file +export default Verify; diff --git a/src/pages/finance/TransactionDetails.jsx b/src/pages/finance/TransactionDetails.jsx index 6a6a84c..a002889 100644 --- a/src/pages/finance/TransactionDetails.jsx +++ b/src/pages/finance/TransactionDetails.jsx @@ -104,4 +104,4 @@ function TransactionDetails() { ); } -export default TransactionDetails; \ No newline at end of file +export default TransactionDetails; diff --git a/src/partials/validate/ValidateItem.jsx b/src/partials/validate/ValidateItem.jsx new file mode 100644 index 0000000..13b013e --- /dev/null +++ b/src/partials/validate/ValidateItem.jsx @@ -0,0 +1,57 @@ +import React from 'react'; + +function ValidateTableItem(props) { + + const statusColor = (status) => { + switch (status) { + case 'Correct': + return 'bg-emerald-100 text-emerald-600'; + case 'Incorrect': + return 'bg-rose-100 text-rose-500'; + default: + return 'bg-slate-100 text-slate-500'; + } + }; + + return ( +
{ e.stopPropagation(); props.setValidatePanelOpen(true); }}> + + + + + + + + ); +} + +export default ValidateTableItem; diff --git a/src/partials/validate/ValidatePanel.jsx b/src/partials/validate/ValidatePanel.jsx new file mode 100644 index 0000000..57bd629 --- /dev/null +++ b/src/partials/validate/ValidatePanel.jsx @@ -0,0 +1,136 @@ +import React, { useEffect, useRef } from 'react'; + +import Image from '../../images/transactions-image-04.svg'; + +function TransactionPanel({ + validatePanelOpen, + setValidatePanelOpen +}) { + + const closeBtn = useRef(null); + const panelContent = useRef(null); + + // close on click outside + useEffect(() => { + const clickHandler = ({ target }) => { + if (!validatePanelOpen || panelContent.current.contains(target) || closeBtn.current.contains(target)) return; + setValidatePanelOpen(false); + }; + document.addEventListener('click', clickHandler); + return () => document.removeEventListener('click', clickHandler); + }); + + // close if the esc key is pressed + useEffect(() => { + const keyHandler = ({ keyCode }) => { + if (!validatePanelOpen || keyCode !== 27) return; + setValidatePanelOpen(false); + }; + document.addEventListener('keydown', keyHandler); + return () => document.removeEventListener('keydown', keyHandler); + }); + + return ( +
+
+ +
+
+
Bank Transfer
+
22/01/2022, 8:56 PM
+ {/* Details */} +
+ {/* Top */} +
+
+ Transaction 04 +
+
0.012 IDN
+
Total amount fee
+
+ {/* Divider */} + + {/* Receipts */} +
+
Receipts
+
+ + + + + + +
+ {/* Notes */} +
+
Notes
+
+ + -
-
-
- {/* Modal footer */} -
-
- - -
-
- - {/* End */} -
- - {/* Newsletter */} -
- {/* Start */} - - - {/* Modal header */} -
- {/* Icon */} -
- - - - - -
-
Subscribe to the Newsletter!
-
- {/* Modal content */} -
-
- Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum. -
- {/* Submit form */} - -
- - -
- - -
- I respect your privacy. No spam. Unsubscribe at any time! -
-
- - {/* End */} -
- - {/* Announcement */} -
- {/* Start */} - - - {/* Modal header */} -
- {/* Icon */} -
- Announcement -
-
You Unlocked Level 2!
-
- {/* Modal content */} -
-
- Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum. -
- {/* CTAs */} - -
- - {/* End */} -
- - {/* Integration */} -
- {/* Start */} - - - {/* Modal header */} -
- {/* Icons */} -
- {/* Mosaic logo */} - - - - - - - - - - - - - - - - - {/* Arrows */} - - - - {/* Cruip logo */} - - - - - -
-
Connect Mosaic with your Cruip account
-
- {/* Modal content */} -
-
Mosaic would like to:
-
    -
  • - - - -
    Lorem ipsum dolor sit amet
    -
    • -
  • - - - -
    Semper eget duis at tellus at urna
    -
    • -
  • - - - -
    Lorem ipsum dolor sit amet
    -
    • -
  • - - - -
    Suspendisse faucibus interdum
    -
    • -
-
By clicking on Allow access, you authorize Mosaic to use your information in accordance with its Privacy Policy. You can stop it at any time on the integrations page of your Mosaic account.
-
- {/* Modal footer */} -
- - -
- - {/* End */} -
- - {/* What's New */} -
- {/* Start */} - - -
- New on Mosaic - {/* Close button */} - -
-
- {/* Modal header */} -
-
-
New on Mosaic
-
-
Help your team work faster with X 🏃‍♂️
-
- {/* Modal content */} -
-
-

You might not be aware of this fact, but every frame, digital video, canvas, responsive design, and image often has a rectangular shape that is exceptionally precise in proportion (or ratio).

-

The ratio has to be well-defined to make shapes fit into different and distinct mediums, such as computer, movies, television and camera screens.

-
-
- {/* Modal footer */} -
- -
-
- - {/* End */} -
- - {/* Change your Plan */} -
- {/* Start */} - - - {/* Modal content */} -
-
-
Upgrade or downgrade your plan:
- {/* Options */} -
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
Your workspace’s Mosaic Light Plan is set to $39 per month and will renew on August 9, 2021.
-
-
- {/* Modal footer */} -
-
- - -
-
- - {/* End */} -
- - {/* Quick Find */} -
- {/* Start */} - - - {/* End */} -
- -
-
- - - - - - - - - - - - ); -} - -export default ModalPage; \ No newline at end of file diff --git a/src/pages/component/PaginationPage.jsx b/src/pages/component/PaginationPage.jsx deleted file mode 100644 index d0d9835..0000000 --- a/src/pages/component/PaginationPage.jsx +++ /dev/null @@ -1,75 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import PaginationNumeric from '../../components/PaginationNumeric'; -import PaginationClassic from '../../components/PaginationClassic'; -import PaginationNumeric2 from '../../components/PaginationNumeric2'; - -function PaginationPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
-

Pagination ✨

-
- -
- - {/* Components */} -
- - {/* Option 1 */} -
-

Option 1

-
- -
-
- - {/* Option 2 */} -
-

Option 2

-
- -
-
- - {/* Option 3 */} -
-

Option 3

-
- -
-
- -
- -
- -
-
- -
- -
- ); -} - -export default PaginationPage; \ No newline at end of file diff --git a/src/pages/component/TabsPage.jsx b/src/pages/component/TabsPage.jsx deleted file mode 100644 index 6d86068..0000000 --- a/src/pages/component/TabsPage.jsx +++ /dev/null @@ -1,176 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -function TabsPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
-

Tabs ✨

-
- -
- - {/* Components */} -
- - {/* Simple */} -
-

Simple

- {/* Start */} -
- -
- {/* End */} -
- - {/* With Underline */} -
-

With Underline

- {/* Start */} -
- - -
- {/* End */} -
- - {/* With Icons */} -
-

With Icons

- {/* Start */} - - {/* End */} -
- - {/* With Container */} -
-

With Container

- {/* Start */} -
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
- {/* End */} -
- -
- -
- -
-
- -
- -
- ); -} - -export default TabsPage; \ No newline at end of file diff --git a/src/pages/component/TooltipPage.jsx b/src/pages/component/TooltipPage.jsx deleted file mode 100644 index de500a8..0000000 --- a/src/pages/component/TooltipPage.jsx +++ /dev/null @@ -1,203 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import Tooltip from '../../components/Tooltip'; - -function TooltipPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
-

Tooltip ✨

-
- -
- - {/* Components */} -
- - {/* Tooltip Types */} -
-

Tooltip Types

-
- -
-
- {/* Start */} - -
Just a tip
- - {/* End */} -
Label White
-
-
- -
-
- {/* Start */} - -
Just a tip
- - {/* End */} -
Label Dark
-
-
- -
-
- {/* Start */} - -
Excepteur sint occaecat cupidata non proident, sunt in.
- - {/* End */} -
Basic White
-
-
- -
-
- {/* Start */} - -
Excepteur sint occaecat cupidata non proident, sunt in.
- - {/* End */} -
Basic Dark
-
-
- -
-
- {/* Start */} - -
Excepteur sint occaecat cupidata non proident, sunt in.
- - {/* End */} -
Large White
-
-
- -
-
- {/* Start */} - -
Excepteur sint occaecat cupidata non proident, sunt in.
- - {/* End */} -
Large Dark
-
-
- -
-
- {/* Start */} - -
-
Let’s Talk Paragraph
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
- - {/* End */} -
Rich White
-
-
- -
-
- {/* Start */} - -
-
Let’s Talk Paragraph
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
- - {/* End */} -
Rich Dark
-
-
- -
-
- - {/* Tooltip Position */} -
-

Tooltip Position

-
- -
-
- {/* Start */} - -
Just a tip
- - {/* End */} -
Top
-
-
- -
-
- {/* Start */} - -
Just a tip
- - {/* End */} -
Bottom
-
-
- -
-
- {/* Start */} - -
Just a tip
- - {/* End */} -
Left
-
-
- -
-
- {/* Start */} - -
Just a tip
- - {/* End */} -
Right
-
-
- -
-
- -
- -
- -
-
- -
- -
- ); -} - -export default TooltipPage; \ No newline at end of file diff --git a/src/pages/ecommerce/Cart.jsx b/src/pages/ecommerce/Cart.jsx deleted file mode 100644 index c5fd605..0000000 --- a/src/pages/ecommerce/Cart.jsx +++ /dev/null @@ -1,100 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import CartItems from '../../partials/ecommerce/CartItems'; - -function Cart() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page content */} -
- - {/* Cart items */} -
-
-
- Review - -> - Payment - -> - Confirm -
-
-
- {/* Title */} -

Shopping Cart (3) ✨

-
- - {/* Cart items */} - - -
- - {/* Sidebar */} -
-
-
Order Summary
- {/* Order details */} -
    -
  • -
    Products & Subscriptions
    -
    $205
    -
    • -
  • -
    Shipping
    -
    -
    -
    • -
  • -
    Taxes
    -
    $48
    -
    • -
  • -
    Total due (including taxes)
    -
    $253
    -
    • -
- {/* Promo box */} -
-
- -
optional
-
- - -
-
- -
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Terms.
-
-
- -
- -
-
- -
- -
- ); -} - -export default Cart; \ No newline at end of file diff --git a/src/pages/ecommerce/Cart2.jsx b/src/pages/ecommerce/Cart2.jsx deleted file mode 100644 index 701180c..0000000 --- a/src/pages/ecommerce/Cart2.jsx +++ /dev/null @@ -1,145 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import CartItems from '../../partials/ecommerce/CartItems'; - -function Cart2() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Content */} -
-
- - {/* Cart items */} -
-
-
- Review - -> - Payment - -> - Confirm -
-
-
- {/* Title */} -

Shopping Cart (3) ✨

-
- -
- -
-
- - {/* Sidebar */} -
-
-
-
-

Review & Pay

-
- - {/* Order summary */} -
-
Order Summary
-
    -
  • -
    Subtotal
    -
    $205
    -
    • -
  • -
    Total due (including taxes)
    -
    $253
    -
    • -
-
- - {/* Payment Details */} -
-
Payment Details
-
- {/* Card Number */} -
- - -
- {/* Expiry and CVC */} -
-
- - -
-
- - -
-
- {/* Name on Card */} -
- - -
-
-
- - {/* Additional Details */} -
-
Additional Details
-
- {/* Email */} -
- - -
- {/* Country */} -
- - -
-
-
- -
-
- -
-
You'll be charged $253, including $48 for VAT in Italy
-
- -
-
-
-
-
- -
-
- -
- -
- ); -} - -export default Cart2; \ No newline at end of file diff --git a/src/pages/ecommerce/Cart3.jsx b/src/pages/ecommerce/Cart3.jsx deleted file mode 100644 index f79798b..0000000 --- a/src/pages/ecommerce/Cart3.jsx +++ /dev/null @@ -1,282 +0,0 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import ProductImage01 from '../../images/related-product-01.jpg'; -import ProductImage02 from '../../images/related-product-02.jpg'; -import ProductImage03 from '../../images/related-product-03.jpg'; - -function Cart3() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Content */} -
-
- - {/* Cart items */} -
-
-
- Review - -> - Payment - -> - Confirm -
-
-
- {/* Title */} -

Thank you for your order ✨

-

You will soon receive a confirmation email with details of your order and a link to download the files.

-
- {/* Billing Information */} -
-
Billing Information
-
-
- {/* 1st row */} -
-
- - -
-
- - -
-
- {/* 2nd row */} -
-
- - -
-
- - -
-
- {/* 3rd row */} -
-
- - -
-
- - -
-
- {/* 4th row */} -
-
- - -
-
- - -
-
-
- -
-
- -
- {/* Divider */} -
- {/* Billing footer */} -
-
-
- Enjoy a 20% OFF discount on your next order 🎉 -
-
- -
-
- -
-
- - {/* Sidebar */} -
-
-
-
-

Order Summary

-
- - {/* Order Details */} -
-
Order Details
- {/* Cart items */} - - {/* Fees, discount and total */} -
    -
  • -
    Subtotal
    -
    $205
    -
    • -
  • -
    Taxes
    -
    $48
    -
    • -
  • -
    - Discount - - XMAS22 - -
    -
    -$25
    -
    • -
  • -
    Total
    -
    $205
    -
    • -
-
- - {/* Payment Details */} -
-
Payment Details
-
-
- {/* CC details */} -
- {/* Mastercard icon */} - - - - - - -
- Ending with 2478 -
-
- {/* Expiry */} -
Expires 12/23
-
-
-
- -
-
- - View Your Order - -
-
- Should you ever change your mind, we offer a 14-day, no-questions-asked refund policy. -
-
- -
-
-
-
-
- -
-
- -
- -
- ); -} - -export default Cart3; \ No newline at end of file diff --git a/src/pages/ecommerce/Customers.jsx b/src/pages/ecommerce/Customers.jsx deleted file mode 100644 index 490096e..0000000 --- a/src/pages/ecommerce/Customers.jsx +++ /dev/null @@ -1,84 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import DeleteButton from '../../partials/actions/DeleteButton'; -import DateSelect from '../../components/DateSelect'; -import FilterButton from '../../components/DropdownFilter'; -import CustomersTable from '../../partials/customers/CustomersTable'; -import PaginationClassic from '../../components/PaginationClassic'; - -function Customers() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [selectedItems, setSelectedItems] = useState([]); - - const handleSelectedItems = (selectedItems) => { - setSelectedItems([...selectedItems]); - }; - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Customers ✨

-
- - {/* Right: Actions */} -
- - {/* Delete button */} - - - {/* Dropdown */} - - - {/* Filter button */} - - - {/* Add customer button */} - - -
- -
- - {/* Table */} - - - {/* Pagination */} -
- -
- -
-
- -
- -
- ); -} - -export default Customers; \ No newline at end of file diff --git a/src/pages/ecommerce/Invoices.jsx b/src/pages/ecommerce/Invoices.jsx deleted file mode 100644 index ce144e0..0000000 --- a/src/pages/ecommerce/Invoices.jsx +++ /dev/null @@ -1,109 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SearchForm from '../../partials/actions/SearchForm'; -import DeleteButton from '../../partials/actions/DeleteButton'; -import DateSelect from '../../components/DateSelect'; -import FilterButton from '../../components/DropdownFilter'; -import InvoicesTable from '../../partials/invoices/InvoicesTable'; -import PaginationClassic from '../../components/PaginationClassic'; - -function Invoices() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [selectedItems, setSelectedItems] = useState([]); - - const handleSelectedItems = (selectedItems) => { - setSelectedItems([...selectedItems]); - }; - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Invoices ✨

-
- - {/* Right: Actions */} -
- {/* Search form */} - - {/* Create invoice button */} - -
- -
- - {/* More actions */} -
- - {/* Left side */} -
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- - {/* Right side */} -
- {/* Delete button */} - - {/* Dropdown */} - - {/* Filter button */} - -
- -
- - {/* Table */} - - - {/* Pagination */} -
- -
- -
-
- -
- -
- ); -} - -export default Invoices; \ No newline at end of file diff --git a/src/pages/ecommerce/Orders.jsx b/src/pages/ecommerce/Orders.jsx deleted file mode 100644 index 3344a72..0000000 --- a/src/pages/ecommerce/Orders.jsx +++ /dev/null @@ -1,79 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import DeleteButton from '../../partials/actions/DeleteButton'; -import DateSelect from '../../components/DateSelect'; -import FilterButton from '../../components/DropdownFilter'; -import OrdersTable from '../../partials/orders/OrdersTable'; -import PaginationClassic from '../../components/PaginationClassic'; - -function Orders() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [selectedItems, setSelectedItems] = useState([]); - - const handleSelectedItems = (selectedItems) => { - setSelectedItems([...selectedItems]); - }; - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Orders ✨

-
- - {/* Right: Actions */} -
- {/* Delete button */} - - {/* Dropdown */} - - {/* Filter button */} - - {/* Add customer button */} - -
- -
- - {/* Table */} - - - {/* Pagination */} -
- -
- -
-
- -
- -
- ); -} - -export default Orders; \ No newline at end of file diff --git a/src/pages/ecommerce/Pay.jsx b/src/pages/ecommerce/Pay.jsx deleted file mode 100644 index 266ea74..0000000 --- a/src/pages/ecommerce/Pay.jsx +++ /dev/null @@ -1,150 +0,0 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; - -import PayBg from '../../images/pay-bg.jpg'; -import User from '../../images/user-64-13.jpg'; - -function Pay() { - - const [card, setCard] = useState(true); - - return ( - <> -
-
-
- - {/* Logo */} - - - - - - - - - - - - - - - - - - - - - Back - - - - - -
-
-
- -
- -
- -
- Pay background -
-
- -
-
- - {/* Card header */} -
-
- User -
-

Front-End Learning 🔥

-
- Learn how to create real web apps using HTML & CSS. Code templates included. -
-
- - {/* Toggle */} -
-
- - - -
-
- - {/* Card form */} - {card && -
-
- {/* Card Number */} -
- - -
- {/* Expiry and CVC */} -
-
- - -
-
- - -
-
- {/* Name on Card */} -
- - -
- {/* Email */} -
- - -
-
- {/* htmlForm footer */} -
-
- -
-
You'll be charged $253, including $48 htmlFor VAT in Italy
-
-
- } - - {/* PayPal htmlForm */} - {!card && -
-
-
- -
-
You'll be charged $253, including $48 htmlFor VAT in Italy
-
-
- } - -
-
-
- - ); -} - -export default Pay; \ No newline at end of file diff --git a/src/pages/ecommerce/Product.jsx b/src/pages/ecommerce/Product.jsx deleted file mode 100644 index 15b635a..0000000 --- a/src/pages/ecommerce/Product.jsx +++ /dev/null @@ -1,577 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import ProductImage from '../../images/product-image.jpg'; -import User03 from '../../images/user-32-03.jpg'; -import User04 from '../../images/user-32-04.jpg'; -import User05 from '../../images/user-32-05.jpg'; -import User07 from '../../images/user-32-07.jpg'; -import Related01 from '../../images/related-product-01.jpg'; -import Related02 from '../../images/related-product-02.jpg'; -import Related03 from '../../images/related-product-03.jpg'; - -function Product() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page content */} -
- - {/* Content */} -
- -
- {/* Title */} -

Front-End Learning: Hands-On HTML & CSS In Real Web Apps ✨

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam.

-
- - {/* Meta */} -
- {/* Author */} - - {/* Right side */} -
- {/* Tag */} -
- - - - Special Offer -
- {/* Rating */} -
- {/* Stars */} -
- - - - - -
- {/* Rate */} -
4.2
-
-
-
- - {/* Image */} -
- Product -
- - {/* Product content */} -
-

Overview

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua u t enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
    -
  • E-commerce: Better lorem ipsum generator.
    • -
  • Booking: Lorem ipsum post generator.
    • -
  • Retail: Better lorem ipsum generator.
    • -
  • Services: Better lorem ipsum generator.
    • -
-
- “Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.” -
-
- -
- - {/* Reviews */} -
-

Featured Reviews (44)

-
    - {/* Review */} -
  • -
    - User 07 -
    -
    Danielle Mark
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.6
    -
    -
    -
    -
    “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.”
    -
    • - {/* Review */} -
  • -
    - User 05 -
    -
    Marija Urkjulz
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.9
    -
    -
    -
    -
    “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.”
    -
    • - {/* Review */} -
  • -
    - User 03 -
    -
    Rodrigo Pantoja
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.4
    -
    -
    -
    -
    “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.”
    -
    • - {/* Review */} -
  • -
    - User 04 -
    -
    Juan Johnson
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.9
    -
    -
    -
    -
    “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.”
    -
    • -
- {/* Load More */} -
- -
-
- -
- - {/* Related */} -
-

Frequently Bought Together

-
    - {/* Related item */} -
  • - - Product 01 - -
    - -

    The Complete Front-End Development Course!

    -     -
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
    - {/* Rating and price */} -
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.2
    -
    -
    ·
    - {/* Price */} -
    -
    $89.00
    -
    -
    -
    -
    • - {/* Related item */} -
  • - - Product 02 - -
    - -

    Web Development Ultimate Course 2021

    -     -
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
    - {/* Rating and price */} -
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.2
    -
    -
    ·
    - {/* Price */} -
    -
    $89.00
    -
    -
    -
    -
    • - {/* Related item */} -
  • - - Product 03 - -
    - -

    Full-Stack JavaScript Course!

    -     -
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
    - {/* Rating and price */} -
    - {/* Rating */} -
    - {/* Stars */} -
    - - - - - -
    - {/* Rate */} -
    4.2
    -
    -
    ·
    - {/* Price */} -
    -
    $89.00
    -
    -
    -
    -
    • -
- {/* Load More */} -
- -
-
- -
- -
- - {/* Sidebar */} -
-
-
Select a Package
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
- -
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Terms.
-
-
- -
- -
-
- -
- -
- ); -} - -export default Product; \ No newline at end of file diff --git a/src/pages/ecommerce/Shop.jsx b/src/pages/ecommerce/Shop.jsx deleted file mode 100644 index 49a4570..0000000 --- a/src/pages/ecommerce/Shop.jsx +++ /dev/null @@ -1,136 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import ShopCards01 from '../../partials/ecommerce/ShopCards01'; -import ShopCards02 from '../../partials/ecommerce/ShopCards02'; -import ShopCards03 from '../../partials/ecommerce/ShopCards03'; -import ShopCards04 from '../../partials/ecommerce/ShopCards04'; -import ShopCards05 from '../../partials/ecommerce/ShopCards05'; -import ShopCards06 from '../../partials/ecommerce/ShopCards06'; - -function Shop() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Title */} -

Find the right product for you ✨

- -
- - {/* Search form */} -
-
- - - - -
- - {/* Filters */} -
- -
- - {/* Page content */} -
- - {/* Cards 1 (Video Courses) */} -
-

Video Courses

-
- -
-
- - {/* Cards 2 (Digital Goods) */} -
-

Digital Goods

-
- -
-
- - {/* Cards 3 (Online Events) */} -
-

Online Events

-
- -
-
- - {/* Cards 4 (Crowdfunding) */} -
-

Crowdfunding

-
- -
-
- - {/* Cards 5 (Popular Categories) */} -
-

Popular Categories

-
- -
-
- - {/* Cards 6 (Trending Now) */} -
-

Trending Now

-
- -
-
- -
- -
-
- -
- -
- ); -} - -export default Shop; \ No newline at end of file diff --git a/src/pages/ecommerce/Shop2.jsx b/src/pages/ecommerce/Shop2.jsx deleted file mode 100644 index 2d30617..0000000 --- a/src/pages/ecommerce/Shop2.jsx +++ /dev/null @@ -1,93 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import ShopSidebar from '../../partials/ecommerce/ShopSidebar'; -import ShopCards07 from '../../partials/ecommerce/ShopCards07'; -import PaginationClassic from '../../components/PaginationClassic'; - -function Shop2() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Title */} -

Find the right product for you ✨

- -
- - {/* Page content */} -
- - {/* Sidebar */} - - - {/* Content */} -
- - {/* Filters */} -
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- -
67.975 Items
- - {/* Cards 1 (Video Courses) */} -
-
- -
-
- - {/* Pagination */} -
- -
- -
- -
- -
-
- -
- -
- ); -} - -export default Shop2; \ No newline at end of file diff --git a/src/pages/finance/CreditCards.jsx b/src/pages/finance/CreditCards.jsx deleted file mode 100644 index 0e84102..0000000 --- a/src/pages/finance/CreditCards.jsx +++ /dev/null @@ -1,437 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -function CreditCards() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
- -
- - {/* Content */} -
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Cards ✨

-
- - {/* Add card button */} - -
- - {/* Filters */} -
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- - {/* Credit cards */} -
- - {/* Card 1 */} -
- -
-
- ); -} - -export default CreditCards; \ No newline at end of file diff --git a/src/pages/finance/TransactionDetails.jsx b/src/pages/finance/TransactionDetails.jsx deleted file mode 100644 index a002889..0000000 --- a/src/pages/finance/TransactionDetails.jsx +++ /dev/null @@ -1,107 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import DeleteButton from '../../partials/actions/DeleteButton'; -import SearchForm from '../../partials/actions/SearchForm'; -import DropdownTransaction from '../../components/DropdownTransaction'; -import TransactionsTable from '../../partials/finance/TransactionsTable02'; -import TransactionPanel from '../../partials/finance/TransactionPanel'; -import PaginationClassic from '../../components/PaginationClassic'; - -function TransactionDetails() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [selectedItems, setSelectedItems] = useState([]); - const [transactionPanelOpen, setTransactionPanelOpen] = useState(true); - - const handleSelectedItems = (selectedItems) => { - setSelectedItems([...selectedItems]); - }; - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- {/* Site header */} -
- -
-
- {/* Content */} -
- {/* Page header */} -
- {/* Left: Title */} -
-

$47,347.09

-
- - {/* Right: Actions */} -
- {/* Delete button */} - - - {/* Search form */} -
- -
- - {/* Export button */} - -
-
- -
- Transactions from - -
- - {/* Filters */} -
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- - {/* Table */} - - - {/* Pagination */} -
- -
-
- - -
-
-
-
- ); -} - -export default TransactionDetails; diff --git a/src/pages/finance/Transactions.jsx b/src/pages/finance/Transactions.jsx deleted file mode 100644 index e6796a5..0000000 --- a/src/pages/finance/Transactions.jsx +++ /dev/null @@ -1,112 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import DeleteButton from '../../partials/actions/DeleteButton'; -import SearchForm from '../../partials/actions/SearchForm'; -import DropdownTransaction from '../../components/DropdownTransaction'; -import TransactionsTable from '../../partials/finance/TransactionsTable'; -import PaginationClassic from '../../components/PaginationClassic'; - -function Transactions() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [selectedItems, setSelectedItems] = useState([]); - - const handleSelectedItems = (selectedItems) => { - setSelectedItems([...selectedItems]); - }; - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
- - {/* Content */} -
- - {/* Page header */} -
- - {/* Left: Title */} -
-

$47,347.09

-
- - {/* Right: Actions */} -
- - {/* Delete button */} - - - {/* Search form */} -
- -
- - {/* Export button */} - - -
- -
- -
- Transactions from - -
- - {/* Filters */} -
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- - {/* Table */} - - - {/* Pagination */} -
- -
- -
- -
- -
- -
- ); -} - -export default Transactions; \ No newline at end of file diff --git a/src/pages/job/CompanyProfile.jsx b/src/pages/job/CompanyProfile.jsx deleted file mode 100644 index 9fa8836..0000000 --- a/src/pages/job/CompanyProfile.jsx +++ /dev/null @@ -1,241 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import JobListItem from '../../partials/job/JobListItem'; - -import CompanyBg from '../../images/company-bg.jpg'; -import CompanyImage from '../../images/company-icon-01.svg'; - -function CompanyProfile() { - - const items = [ - // Group 1 - [ - { - id: 0, - image: CompanyImage, - company: 'Company 01', - role: 'Senior Software Engineer Backend', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 7', - type: 'New', - fav: false, - }, - { - id: 1, - image: CompanyImage, - company: 'Company 02', - role: 'React.js Software Developer', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 6', - type: 'New', - fav: true, - }, - { - id: 2, - image: CompanyImage, - company: 'Company 03', - role: 'Senior Full Stack Rails Developer', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 6', - type: 'New', - fav: false, - }, - ], - // Group 2 - [ - { - id: 0, - image: CompanyImage, - company: 'Company 01', - role: 'Senior Web App Designer', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 3', - type: '', - fav: false, - }, - { - id: 1, - image: CompanyImage, - company: 'Company 02', - role: 'Senior UI/UX Designer', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 3', - type: '', - fav: false, - }, - ], - // Group 3 - [ - { - id: 0, - image: CompanyImage, - company: 'Company 01', - role: 'Financial Planning & Analysis Manager', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 2', - type: '', - fav: false, - }, - { - id: 1, - image: CompanyImage, - company: 'Company 02', - role: 'Senior Consultant Growth Strategy', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 2', - type: '', - fav: false, - }, - ], - ]; - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- {/* Sidebar */} - - - {/* Content area */} -
- {/* Site header */} -
- -
- {/* Profile background */} -
- Company background -
- - {/* Header */} -
-
-
- {/* Avatar */} -
-
- Avatar -
-
- - {/* Company name and info */} -
-

Revolut Ltd

-

We're building a financial superapp that combines all the best tools into one place 🚀

-
- - {/* Meta */} -
-
- - - - London, UK -
- -
-
-
-
- - {/* Page content */} -
-
-

Open Positions at Revolut Ltd

- - {/* Job list */} -
- {/* Group 1 */} -
-

Programming

- {/* Job list */} -
- {items[0].map((item) => { - return ( - - ); - })} -
-
- - {/* Group 2 */} -
-

Design

- {/* Job list */} -
- {items[1].map((item) => { - return ( - - ); - })} -
-
- - {/* Group 3 */} -
-

Management / Finance

- {/* Job list */} -
- {items[2].map((item) => { - return ( - - ); - })} -
-
-
-
-
-
-
-
- ); -} - -export default CompanyProfile; \ No newline at end of file diff --git a/src/pages/job/JobListing.jsx b/src/pages/job/JobListing.jsx deleted file mode 100644 index c0be1e5..0000000 --- a/src/pages/job/JobListing.jsx +++ /dev/null @@ -1,238 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import JobSidebar from '../../partials/job/JobSidebar'; -import DropdownSort from '../../components/DropdownSort'; -import JobListItem from '../../partials/job/JobListItem'; -import PaginationNumeric from '../../components/PaginationNumeric'; - -import Image01 from '../../images/company-icon-05.svg'; -import Image02 from '../../images/company-icon-06.svg'; -import Image03 from '../../images/company-icon-03.svg'; -import Image04 from '../../images/company-icon-07.svg'; -import Image05 from '../../images/company-icon-08.svg'; -import Image06 from '../../images/company-icon-01.svg'; -import Image07 from '../../images/company-icon-02.svg'; - -function JobListing() { - - const items = [ - { - id: 0, - image: Image01, - company: 'Company 01', - role: 'Senior Web App Designer', - link: '/job/job-post', - details: 'Contract / Remote / New York, NYC', - date: 'Jan 4', - type: 'Featured', - fav: false, - }, - { - id: 1, - image: Image01, - company: 'Company 02', - role: 'Senior Full Stack Engineer', - link: '/job/job-post', - details: 'Contract / Remote / New York, NYC', - date: 'Jan 7', - type: 'New', - fav: true, - }, - { - id: 2, - image: Image02, - company: 'Company 03', - role: 'Ruby on Rails Engineer', - link: '/job/job-post', - details: 'Contract / Remote / New York, NYC', - date: 'Jan 7', - type: 'New', - fav: false, - }, - { - id: 3, - image: Image03, - company: 'Company 04', - role: 'Senior Software Engineer Backend', - link: '/job/job-post', - details: 'Full-time / Remote / Anywhere', - date: 'Jan 7', - type: 'New', - fav: false, - }, - { - id: 4, - image: Image04, - company: 'Company 05', - role: 'React.js Software Developer', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 6', - type: 'New', - fav: true, - }, - { - id: 5, - image: Image05, - company: 'Company 06', - role: 'Senior Full Stack Rails Developer', - link: '/job/job-post', - details: 'Part-time / Remote / Milan, IT', - date: 'Jan 6', - type: 'New', - fav: false, - }, - { - id: 6, - image: Image06, - company: 'Company 07', - role: 'Principal Software Engineer', - link: '/job/job-post', - details: 'Freelance / Remote / London, UK', - date: 'Jan 6', - type: 'New', - fav: false, - }, - { - id: 7, - image: Image04, - company: 'Company 08', - role: 'Contract React Native Engineer', - link: '/job/job-post', - details: 'Contract / Remote / Miami, FL', - date: 'Jan 6', - type: 'New', - fav: false, - }, - { - id: 8, - image: Image05, - company: 'Company 09', - role: 'Senior Client Engineer (React & React Native)', - link: '/job/job-post', - details: 'Full-time / Remote / Lincoln, NE', - date: 'Jan 5', - type: 'New', - fav: false, - }, - { - id: 9, - image: Image07, - company: 'Company 10', - role: 'QA Automation Engineer', - link: '/job/job-post', - details: 'Contract / Remote / Anywhere', - date: 'Jan 5', - type: 'New', - fav: false, - }, - ]; - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Search For Jobs ✨

-
- - {/* Post a job button */} - - -
- - {/* Page content */} -
- - {/* Sidebar */} - - - {/* Content */} -
- - {/* Search form */} -
-
- - - - -
- - {/* Jobs header */} -
-
Showing 289 Jobs
- {/* Sort */} -
- Sort by - -
-
- - {/* Jobs list */} -
- {items.map((item) => { - return ( - - ); - })} -
- - {/* Pagination */} -
- -
- -
- -
- -
-
- -
- -
- ); -} - -export default JobListing; \ No newline at end of file diff --git a/src/pages/job/JobPost.jsx b/src/pages/job/JobPost.jsx deleted file mode 100644 index d3f0875..0000000 --- a/src/pages/job/JobPost.jsx +++ /dev/null @@ -1,279 +0,0 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import JobListItem from '../../partials/job/JobListItem'; - -import Image03 from '../../images/company-icon-03.svg'; -import Image04 from '../../images/company-icon-07.svg'; -import Image05 from '../../images/company-icon-08.svg'; -import Image06 from '../../images/company-icon-01.svg'; - -function JobPost() { - - const items = [ - { - id: 3, - image: Image03, - company: 'Company 04', - role: 'Senior Software Engineer Backend', - link: '/job/job-post', - details: 'Full-time / Remote / Anywhere', - date: 'Jan 7', - type: 'New', - fav: false, - }, - { - id: 4, - image: Image04, - company: 'Company 05', - role: 'React.js Software Developer', - link: '/job/job-post', - details: 'Full-time / Remote / London, UK', - date: 'Jan 6', - type: 'New', - fav: true, - }, - { - id: 5, - image: Image05, - company: 'Company 06', - role: 'Senior Full Stack Rails Developer', - link: '/job/job-post', - details: 'Part-time / Remote / Milan, IT', - date: 'Jan 6', - type: 'New', - fav: false, - }, - ]; - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- {/* Sidebar */} - - - {/* Content area */} -
- {/* Site header */} -
- -
-
- {/* Page content */} -
- {/* Content */} -
-
- - - - - Back To Jobs - -
-
Posted Jan 6, 2022
-
- {/* Title */} -

Senior Client Engineer (React & React Native)

-
- - {/* Company information (mobile) */} -
-
-
- Company 01 -
-
Revolut Ltd
-
179 Jobs Posted
-
-
- - -
-
- - {/* Tags */} - - -
- - {/* The Role */} -
-

The Role

-
-

In the world of AI, behavioural predictions are leading the charge to better machine learning.

-

- There is so much happening in the AI space. Advances in the economic sectors have seen automated business practices rapidly - increasing economic value. While the realm of the human sciences has used the power afforded by computational capabilities to - solve many human based dilemmas. Even the art scene has adopted carefully selected ML applications to usher in the technological - movement. -

-

- Join us every second Wednesday as we host an open discussion about the amazing things happening in the world of AI and machine - learning. Feel free to share your experiences, ask questions, ponder the possibilities, or just listen as we explore new topics - and revisit old ones. -

-
-
- -
- - {/* About You */} -
-

About You

-
-

- You love building great software. Your work could be supporting new feature development, migrating existing features, and - creating other mobile and web solutions for customers. You'll have a primary focus on frontend development using Javascript. Our - client's tech stack is JavaScript, primarily using React. A strong understanding of JS core (ES2019+) is required, with some - exposure in Java as back-end technology. We use modern tools, which means you'll have the opportunity to work with Webpack, - Redux, Apollo, Styled Components, and much more. -

-

- You love learning. Engineering is an ever-evolving world. You enjoy playing with new tech and exploring areas that you might not - have experience with yet. You are self-driven, self-learner willing to share knowledge and participate actively in your - community. -

-

- Having overlap with your team is critical when working in a global remote team. Modus requires all team members to overlap with - EST morning hours daily. In addition, reliable high speed internet is a must. -

-
-
- -
- - {/* Things You Might Do */} -
-

Things You Might Do

-
-

- We are a fast-growing, and remote-first company, so you'll likely get experience on many different projects across the - organization. That said, here are some things you'll probably do: -

-
    -
  • Give back to the community via open source and blog posts
    • -
  • - Travel and meet great people- as part of our remote-first lifestyle, it's important that we come together as needed to work - together, meet each other in person and have fun together. Please keep that in mind when you apply. -
    • -
  • - Teach and be taught: Modus creates active teams that work in internal and external projects together, giving opportunities to - stay relevant with the latest technologies and learning from experts worldwide -
    • -
  • Interact directly with internal and external clients to represent Modus and its values
    • -
-
-
- - {/* Apply section */} -
-

Do you have what it takes?

-
- {/* Apply button */} - - {/* Share */} -
-
Share:
-
- - - -
-
-
-
- -
- - {/* Related Jobs */} -
-

Related Jobs

-
- {items.map((item) => { - return ( - - ); - })} -
-
-
- - {/* Sidebar */} -
- - {/* Company information (desktop) */} -
-
-
- Company 01 -
-
Revolut Ltd
-
179 Jobs Posted
-
-
- - -
-
- -
- -
- -
-
- -
- -
- ); -} - -export default JobPost; \ No newline at end of file diff --git a/src/pages/settings/Account.jsx b/src/pages/settings/Account.jsx deleted file mode 100644 index 246334f..0000000 --- a/src/pages/settings/Account.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import React, {useEffect, useState} from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SettingsSidebar from '../../partials/settings/SettingsSidebar'; -import AccountPanel from '../../partials/settings/AccountPanel'; - -function Account() { - useEffect(() => { - localStorage.setItem('svgKey', '') - }, []) - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- {/* Title */} -

Account Settings ✨

-
- - {/* Content */} -
-
- - -
-
- -
-
- -
- -
- ); -} - -export default Account; diff --git a/src/pages/settings/Apps.jsx b/src/pages/settings/Apps.jsx deleted file mode 100644 index 7ea8458..0000000 --- a/src/pages/settings/Apps.jsx +++ /dev/null @@ -1,50 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SettingsSidebar from '../../partials/settings/SettingsSidebar'; -import AppsPanel from '../../partials/settings/AppsPanel'; - -function Apps() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- {/* Title */} -

Account Settings ✨

-
- - {/* Content */} -
-
- - -
-
- -
-
- -
- -
- ); -} - -export default Apps; \ No newline at end of file diff --git a/src/pages/settings/Billing.jsx b/src/pages/settings/Billing.jsx deleted file mode 100644 index a4460b7..0000000 --- a/src/pages/settings/Billing.jsx +++ /dev/null @@ -1,50 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SettingsSidebar from '../../partials/settings/SettingsSidebar'; -import BillingPanel from '../../partials/settings/BillingPanel'; - -function Billing() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- {/* Title */} -

Account Settings ✨

-
- - {/* Content */} -
-
- - -
-
- -
-
- -
- -
- ); -} - -export default Billing; \ No newline at end of file diff --git a/src/pages/settings/Feedback.jsx b/src/pages/settings/Feedback.jsx deleted file mode 100644 index a01c0d6..0000000 --- a/src/pages/settings/Feedback.jsx +++ /dev/null @@ -1,50 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SettingsSidebar from '../../partials/settings/SettingsSidebar'; -import FeedbackPanel from '../../partials/settings/FeedbackPanel'; - -function Feedback() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- {/* Title */} -

Account Settings ✨

-
- - {/* Content */} -
-
- - -
-
- -
-
- -
- -
- ); -} - -export default Feedback; \ No newline at end of file diff --git a/src/pages/settings/Notifications.jsx b/src/pages/settings/Notifications.jsx deleted file mode 100644 index d2acca2..0000000 --- a/src/pages/settings/Notifications.jsx +++ /dev/null @@ -1,50 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SettingsSidebar from '../../partials/settings/SettingsSidebar'; -import NotificationsPanel from '../../partials/settings/NotificationsPanel'; - -function Notifications() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- {/* Title */} -

Account Settings ✨

-
- - {/* Content */} -
-
- - -
-
- -
-
- -
- -
- ); -} - -export default Notifications; \ No newline at end of file diff --git a/src/pages/settings/Plans.jsx b/src/pages/settings/Plans.jsx deleted file mode 100644 index 51541be..0000000 --- a/src/pages/settings/Plans.jsx +++ /dev/null @@ -1,50 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SettingsSidebar from '../../partials/settings/SettingsSidebar'; -import PlansPanel from '../../partials/settings/PlansPanel'; - -function Plans() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- {/* Title */} -

Account Settings ✨

-
- - {/* Content */} -
-
- - -
-
- -
-
- -
- -
- ); -} - -export default Plans; \ No newline at end of file diff --git a/src/pages/tasks/TasksKanban.jsx b/src/pages/tasks/TasksKanban.jsx deleted file mode 100644 index 1ffaa97..0000000 --- a/src/pages/tasks/TasksKanban.jsx +++ /dev/null @@ -1,110 +0,0 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import TasksGroups from '../../partials/tasks/TasksGroups'; -import Task01 from '../../partials/tasks/Task01'; -import Task02 from '../../partials/tasks/Task02'; -import Task03 from '../../partials/tasks/Task03'; -import Task04 from '../../partials/tasks/Task04'; -import Task05 from '../../partials/tasks/Task05'; -import Task06 from '../../partials/tasks/Task06'; -import Task07 from '../../partials/tasks/Task07'; -import Task08 from '../../partials/tasks/Task08'; -import Task09 from '../../partials/tasks/Task09'; - -function TasksKanban() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Acme Inc. Kanban ✨

-
- - {/* Right: Actions */} -
- {/* Add board button */} - - -
- -
- - {/* Filters */} -
-
    -
  • - View All -
    • -
  • - Web Sprint -
    • -
  • - Marketing -
    • -
  • - Development -
    • -
-
- - {/* Cards */} -
- {/* Tasks column */} - - - - - - {/* Tasks column */} - - - - - {/* Tasks column */} - - - - - {/* Tasks column */} - - - - -
- -
-
- -
- -
- ); -} - -export default TasksKanban; \ No newline at end of file diff --git a/src/pages/tasks/TasksList.jsx b/src/pages/tasks/TasksList.jsx deleted file mode 100644 index f438aaa..0000000 --- a/src/pages/tasks/TasksList.jsx +++ /dev/null @@ -1,504 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import UserImage05 from '../../images/user-32-05.jpg'; -import UserImage07 from '../../images/user-32-07.jpg'; -import UserImage08 from '../../images/user-32-08.jpg'; - -function TasksList() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Smaller container */} -
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Acme Inc. Tasks ✨

-
- - {/* Right: Actions */} -
- - {/* Avatars */} -
- - User 08 - - - User 07 - - - User 05 - - -
- - {/* Add taks button */} - - -
- -
- - {/* Tasks */} -
- - {/* Group 1 */} -
-

To Do's 🖋️

-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Avatars */} - - {/* Like button */} - - {/* Replies button */} - - {/* Attach button */} - -
-
-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Date */} -
- - - -
Mar 27
-
- {/* Replies button */} - - {/* Attach button */} - -
-
-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Avatars */} - - {/* Replies button */} - - {/* Attach button */} - -
-
-
-
-
- - {/* Group 2 */} -
-

In Progress ✌️

-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
- {/* Nested checkboxes */} -
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- {/* Right side */} -
- {/* Avatars */} -
- - User 05 - -
- {/* To-do info */} -
- - - -
1/3
-
- {/* Attach button */} - -
-
-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Date */} -
- - - -
Mar 27
-
- {/* Attach button */} - -
-
-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Avatars */} -
- - User 07 - -
- {/* Date */} -
- - - -
Mar 27
-
- {/* Attach button */} - -
-
-
-
-
- - {/* Group 3 */} -
-

Completed 🎉

-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Avatars */} -
- - User 08 - -
- {/* To-do info */} -
- - - -
3/3
-
- {/* Attach button */} - -
-
-
- - {/* Task */} -
-
- {/* Left side */} -
-
- {/* Drag button */} - - {/* Checkbox button */} - -
-
- {/* Right side */} -
- {/* Avatars */} - - {/* To-do info */} -
- - - -
2/2
-
- {/* Attach button */} - -
-
-
- -
-
- -
- -
- -
-
- -
- -
- ); -} - -export default TasksList; \ No newline at end of file diff --git a/src/pages/utility/Changelog.jsx b/src/pages/utility/Changelog.jsx deleted file mode 100644 index 2f634ab..0000000 --- a/src/pages/utility/Changelog.jsx +++ /dev/null @@ -1,228 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import PaginationClassic from '../../components/PaginationClassic'; - -import User01 from '../../images/user-32-01.jpg'; -import User02 from '../../images/user-32-02.jpg'; -import User07 from '../../images/user-32-07.jpg'; - -function Changelog() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Changelog ✨

-
- - {/* Right: Actions */} -
- - {/* Add board button */} - - -
- -
- -
-
- - {/* Filters */} -
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
- - {/* Posts */} -
- {/* Post */} -
-
-
-
8 July, 2021
-
-
-
-

Released version 2.0

-
- -
·
-
-
Product
-
-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident.

-
-
-
-
- {/* Post */} -
-
-
-
6 July, 2021
-
-
-
-

Feature Name is now public 🎉

-
- -
·
-
-
Announcement
-
-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident.

-
-
-
-
- {/* Post */} -
-
-
-
4 July, 2021
-
-
-
-

Bugs fixed, issues, and more

-
- -
·
-
-
Bug Fix
-
-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident.

-
    -
  • E-commerce: Better lorem ipsum generator.
    • -
  • Booking: Lorem ipsum post generator.
    • -
  • Retail: Better lorem ipsum generator.
    • -
  • Services: Better lorem ipsum generator.
    • -
-
-
-
-
- {/* Post */} -
-
-
-
2 July, 2021
-
-
-
-

Thanks, everyone 🙌

-
- -
·
-
-
Exciting News
-
-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

-

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat non proident.

-
-
-
-
-
- - {/* Pagination */} -
- -
- -
-
- -
-
- -
- -
- ); -} - -export default Changelog; \ No newline at end of file diff --git a/src/pages/utility/EmptyState.jsx b/src/pages/utility/EmptyState.jsx deleted file mode 100644 index 18acdf5..0000000 --- a/src/pages/utility/EmptyState.jsx +++ /dev/null @@ -1,81 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -function EmptyState() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Empty State ✨

-
- - {/* Right: Actions */} -
- - {/* Add board button */} - - -
- -
- -
-
- -
-
- - - - - -
-

Pay your bills in just a few clicks

-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- -
- -
-
- -
-
- -
- -
- ); -} - -export default EmptyState; \ No newline at end of file diff --git a/src/pages/utility/Faqs.jsx b/src/pages/utility/Faqs.jsx deleted file mode 100644 index b507ac1..0000000 --- a/src/pages/utility/Faqs.jsx +++ /dev/null @@ -1,228 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -function Faqs() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- -
- - {/* Page title */} -
-

👋 How we can help you today?

-
- - {/* Search form */} -
-
- - - - -
- - {/* Filters */} -
- -
- - {/* Posts */} -
-

Popular Questions

- {/* Post */} -
-
-
- - - - -
-

How can the widget to my website?

-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.
- -
-
- {/* Post */} -
-
-
- - - - -
-

What would happen if I choose not to pay after the usage?

-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.
- -
-
- {/* Post */} -
-
-
- - - - -
-

What limitations do trial accounts have?

-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.
- -
-
- {/* Post */} -
-
-
- - - - -
-

Is there any difference between Standard and Plus licenses?

-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.
- -
-
- {/* Post */} -
-
-
- - - - -
-

Is my personal information protected?

-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.
- -
-
- {/* Post */} -
-
-
- - - - -
-

What can I create with with this product?

-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco.
- -
-
-
- - {/* Pagination */} - - -
- -
-
- -
- -
- ); -} - -export default Faqs; \ No newline at end of file diff --git a/src/pages/utility/KnowledgeBase.jsx b/src/pages/utility/KnowledgeBase.jsx deleted file mode 100644 index 94ffb7f..0000000 --- a/src/pages/utility/KnowledgeBase.jsx +++ /dev/null @@ -1,550 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -function KnowledgeBase() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- {/* Sidebar */} - - - {/* Content area */} -
- {/* Site header */} -
- -
- - {/* Search area */} -
- {/* Glow */} - - {/* Illustration */} - -
-
-

👋 What Can We Help You Find?

-
-
- - - - -
-
- -
- - {/* Sections */} -
- - {/* Popular Topics */} -
-
-

Popular Topics

-
- {/* Grid */} -
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - -
- {/* Content */} -

Getting Started

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - -
- {/* Content */} -

In-app Messaging

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - - - -
- {/* Content */} -

Apps & Tools

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - - -
- {/* Content */} -

Billing & Invoices

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - -
- {/* Content */} -

Support

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - - -
- {/* Content */} -

Multimedia / Files

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - - -
- {/* Content */} -

App Rewards

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- - {/* Item */} -
-
-
- {/* Icon */} -
- - - - - - - - - - - - -
- {/* Content */} -

Contact Us

-
Lorem ipsum dolor sit consectetur adipiscing elit sed do.
-
- {/* Link */} - -
-
- -
-
- - {/* Popular Guides */} -
-
-

Popular Guides

-
- {/* Grid */} -
- - {/* Item */} -
-
- {/* Icon */} - - - -
- {/* Content */} -
-
Documents For Business Verification
-
- Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore. -
-
- {/* Link */} - -
-
-
- - {/* Item */} -
-
- {/* Icon */} - - - -
- {/* Content */} -
-
Delayed Or Missing Payouts
-
- Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore. -
-
- {/* Link */} - -
-
-
- - {/* Item */} -
-
- {/* Icon */} - - - -
- {/* Content */} -
-
Update Existing Bank Account Information
-
- Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore. -
-
- {/* Link */} - -
-
-
- - {/* Item */} -
-
- {/* Icon */} - - - -
- {/* Content */} -
-
Close A Mosaic Account
-
- Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore. -
-
- {/* Link */} - -
-
-
- -
-
- -
- -
-
- -
- -
- ); -} - -export default KnowledgeBase; \ No newline at end of file diff --git a/src/pages/utility/PageNotFound.jsx b/src/pages/utility/PageNotFound.jsx deleted file mode 100644 index da9bdab..0000000 --- a/src/pages/utility/PageNotFound.jsx +++ /dev/null @@ -1,49 +0,0 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import NotFoundImage from '../../images/404-illustration.svg'; - -function PageNotFound() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- -
- -
-
- 404 illustration -
-
Hmm...this page doesn’t exist. Try searching for something else!
- Back To Dashboard -
- -
- -
-
- -
- -
- ); -} - -export default PageNotFound; \ No newline at end of file diff --git a/src/pages/utility/Roadmap.jsx b/src/pages/utility/Roadmap.jsx deleted file mode 100644 index 80089c9..0000000 --- a/src/pages/utility/Roadmap.jsx +++ /dev/null @@ -1,363 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import User01 from '../../images/user-28-01.jpg'; -import User02 from '../../images/user-28-02.jpg'; -import User03 from '../../images/user-28-03.jpg'; -import User05 from '../../images/user-28-05.jpg'; -import User06 from '../../images/user-28-06.jpg'; -import User08 from '../../images/user-28-08.jpg'; -import User09 from '../../images/user-28-09.jpg'; - -function Roadmap() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
- - {/* Sidebar */} - - - {/* Content area */} -
- - {/* Site header */} -
- -
-
- - {/* Page header */} -
- - {/* Left: Title */} -
-

Roadmap ✨

-
- - {/* Right: Actions */} -
- - {/* Add board button */} - - -
- -
- -
-
- - {/* Posts */} -
- - {/* Post */} -
-
-
-

2021 Q1

-
-
-
-
- {/* Avatars */} - -
·
-
-
Completed
-
-
-
- {/* 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.
    -
    • - {/* List item */} -
  • -
    - - -

    Proof-of-Funds Compliance Key

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

    Activity Feed Integration

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

2021 Q2

-
-
-
-
- {/* Avatars */} - -
·
-
-
Working on
-
-
-
- {/* 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.
    -
    • - {/* List item */} -
  • -
    - - -

    Proof-of-Funds Compliance Key

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

    Activity Feed Integration

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

2021 Q3

-
-
-
-
- {/* Avatars */} - -
·
-
-
Planned
-
-
-
- {/* 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.
    -
    • -
-
-
-
- - {/* Post */} -
-
-
-

2021 Q4

-
-
-
-
- {/* Avatars */} - -
·
-
-
Planned
-
-
-
- {/* 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 Roadmap; \ No newline at end of file diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index 175e7e4..bd6cc97 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -302,607 +302,6 @@ function Sidebar({ ); }} - {/* E-Commerce */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
-
- - - - - - - E-Commerce - -
- {/* Icon */} -
- - - -
-
- -
-
    -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Customers - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Orders - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Invoices - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Shop - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Shop 2 - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Single Product - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cart - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cart 2 - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cart 3 - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Pay - - -
    • -
-
- - ); - }} - - {/* Community */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
-
- - - - - - Community - -
- {/* Icon */} -
- - - -
-
- -
-
    -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Users - Tabs - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Users - Tiles - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Profile - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Feed - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Forum - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Forum - Post - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Meetups - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Meetups - Post - - -
    • -
-
- - ); - }} - - {/* Finance */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
-
- - - - - - - Finance - -
- {/* Icon */} -
- - - -
-
- -
-
    -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cards - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Transactions - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Transaction Details - - -
    • -
-
- - ); - }} - - {/* Job Board */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
-
- - - - - - - Job Board - -
- {/* Icon */} -
- - - -
-
- -
-
    -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Listing - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Job Post - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Company Profile - - -
    • -
-
- - ); - }} - - {/* Tasks */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
-
- - - - - - - Tasks - -
- {/* Icon */} -
- - - -
-
- -
-
    -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Kanban - - -
    • -
  • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - List - - -
    • -
-
- - ); - }} - {/* Messages */}
    • - {/* Inbox */} -
  • - -
    - - - - - Inbox -
    -     -
    • - {/* Calendar */} -
  • - -
    - - - - - - Calendar - -
    -     -
    • - {/* Campaigns */} -
  • - -
    - - - - - - Campaigns - -
    -     -
    • - {/* Settings */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - - Settings - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - My Account - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - My Notifications - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Connected Apps - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Plans - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Billing & Invoices - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Give Feedback - - -
      • -
    -
    -     - ); - }} -     - {/* Utility */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - - Utility - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Changelog - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Roadmap - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - FAQs - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Empty State - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - 404 - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Knowledge Base - - -
      • -
    -
    -     - ); - }} -     {/* More group */} @@ -1299,69 +345,6 @@ function Sidebar({ More
      - {/* Authentication */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
      -
      - - - - - - Authentication - -
      - {/* Icon */} -
      - - - -
      -
      -       -
      -
        -
      • - - - Sign in - - -
        • -
      • - - - Sign up - - -
        • -
      • - - - Reset Password - - -
        • -
      -
      -       - ); - }} -       {/* Onboarding */} {(handleClick, open) => { @@ -1404,34 +387,6 @@ function Sidebar({
        -
      • - - - Step 1 - - -
        • -
      • - - - Step 2 - - -
        • -
      • - - - Step 3 - - -
        • -
      • - - - Step 4 - - -
      • @@ -1527,97 +482,6 @@ function Sidebar({
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Input Form - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Dropdown - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Alert & Banner - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Modal - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Pagination - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Tabs - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Breadcrumb - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Avatar - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Tooltip - - -
        • -
      • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Icons - - -
      diff --git a/src/partials/actions/DeleteButton.jsx b/src/partials/actions/DeleteButton.jsx deleted file mode 100644 index 9b0184a..0000000 --- a/src/partials/actions/DeleteButton.jsx +++ /dev/null @@ -1,16 +0,0 @@ -import React from 'react'; - -function DeleteButton({ - selectedItems -}) { - return ( -
      -
      -
      {selectedItems.length} items selected
      - -
      -
      - ); -} - -export default DeleteButton; \ No newline at end of file diff --git a/src/partials/actions/SearchForm.jsx b/src/partials/actions/SearchForm.jsx deleted file mode 100644 index bbdeff4..0000000 --- a/src/partials/actions/SearchForm.jsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react'; - -function SearchForm({ - placeholder -}) { - return ( -
      - - - - - ); -} - -SearchForm.defaultProps = { - placeholder: 'Search…' -} - -export default SearchForm; \ No newline at end of file diff --git a/src/partials/applications/ApplicationsCard01.jsx b/src/partials/applications/ApplicationsCard01.jsx deleted file mode 100644 index 4929dd8..0000000 --- a/src/partials/applications/ApplicationsCard01.jsx +++ /dev/null @@ -1,103 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -function ApplicationsCard01(props) { - return ( -
      -
      - {/* Image */} - {props.title} - {/* Card Content */} -
      - {/* Card body */} -
      - {/* Header */} -
      -

      {props.title}

      -
      {props.content}
      -
      - {/* Rating */} -
      - {/* Stars */} -
      - - - - - -
      - {/* Rate */} -
      {props.rating}
      -
      - {/* Features list */} -
        - { props.feat01 && ( -
      • - - - -
        {props.feat01}
        -
        • - )} - {props.feat02 && ( -
      • - - - -
        {props.feat02}
        -
        • - )} - {props.feat03 && ( -
      • - - - -
        {props.feat03}
        -
        • - )} - {props.feat04 && ( -
      • - - - -
        {props.feat04}
        -
        • - )} -
      -
      - {/* Card footer */} -
      - Install -
      -
      -
      -
      - ); -} - -export default ApplicationsCard01; \ No newline at end of file diff --git a/src/partials/applications/ApplicationsCard02.jsx b/src/partials/applications/ApplicationsCard02.jsx deleted file mode 100644 index 23dfee0..0000000 --- a/src/partials/applications/ApplicationsCard02.jsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -function ApplicationsCard02(props) { - return ( -
      -
      - {/* Image */} - {props.name} - {/* Card Content */} -
      - {/* Card body */} -
      - {/* Header */} -
      -

      {props.title}

      -
      {props.content}
      -
      - {/* Price */} -
      -
      {props.deal}
      -
      {props.price}
      -
      -
      - {/* Card footer */} -
      - Buy Now -
      -
      -
      -
      - ); -} - -export default ApplicationsCard02; \ No newline at end of file diff --git a/src/partials/applications/ApplicationsCard03.jsx b/src/partials/applications/ApplicationsCard03.jsx deleted file mode 100644 index 75a01f5..0000000 --- a/src/partials/applications/ApplicationsCard03.jsx +++ /dev/null @@ -1,66 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -function ApplicationsCard03(props) { - - const handleIcon = (id) => { - switch (id) { - case 0: - return ( - - - - - - ); - case 1: - return ( - - - - - ); - case 2: - return ( - - - - - - - - - - - ); - case 3: - return ( - - - - - - ); - default: - return; - } - }; - - return ( -
      -
      -
      -
      - {handleIcon(props.id)} -
      -

      {props.title}

      -
      -
      - Explore -> -
      -
      -
      - ); -} - -export default ApplicationsCard03; \ No newline at end of file diff --git a/src/partials/campaigns/CampaignsCard.jsx b/src/partials/campaigns/CampaignsCard.jsx deleted file mode 100644 index c707820..0000000 --- a/src/partials/campaigns/CampaignsCard.jsx +++ /dev/null @@ -1,99 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -function CampaignsCard(props) { - - const typeColor = (type) => { - switch (type) { - case 'One-Time': - return 'bg-emerald-100 text-emerald-600'; - case 'At Risk': - return 'bg-amber-100 text-amber-600'; - case 'Off-Track': - return 'bg-rose-100 text-rose-600'; - default: - return 'bg-slate-100 text-slate-500'; - } - }; - - const categoryIcon = (category) => { - switch (category) { - case '1': - return ( -
      - - - -
      - ); - case '2': - return ( -
      - - - -
      - ); - case '3': - return ( -
      - - - -
      - ); - case '4': - return ( -
      - - - -
      - ); - default: - return (
      ); - } - }; - - return ( -
      -
      -
      -
      - {categoryIcon(props.category)} -
      - { - props.members.map(member => { - return ( - - {member.name} - - ) - }) - } -
      -
      -
      -
      - -

      {props.title}

      - -
      {props.content}
      -
      -
      -
      {props.dates.from} -> {props.dates.to}
      -
      -
      -
      {props.type}
      -
      -
      - View -> -
      -
      -
      -
      -
      - ); -} - -export default CampaignsCard; diff --git a/src/partials/community/FeedLeftContent.jsx b/src/partials/community/FeedLeftContent.jsx deleted file mode 100644 index 770f7d0..0000000 --- a/src/partials/community/FeedLeftContent.jsx +++ /dev/null @@ -1,113 +0,0 @@ -import React from 'react'; - -function FeedLeftContent() { - return ( -
      -
      -
      - - {/* Title */} -
      -

      Feed ✨

      -
      - - {/* Search form */} -
      -
      - - - - -
      - - {/* Links */} -
      - {/* Group 1 */} - - {/* Group 2 */} - -
      - -
      -
      -
      - ); -} - -export default FeedLeftContent; diff --git a/src/partials/community/FeedPosts.jsx b/src/partials/community/FeedPosts.jsx deleted file mode 100644 index bf35e05..0000000 --- a/src/partials/community/FeedPosts.jsx +++ /dev/null @@ -1,384 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; -import EditMenu from '../../components/DropdownEditMenu'; - -import UserImage02 from '../../images/user-40-02.jpg'; -import UserImage03 from '../../images/user-40-03.jpg'; -import UserImage04 from '../../images/user-40-04.jpg'; -import UserImage06 from '../../images/user-40-06.jpg'; -import UserImage08 from '../../images/user-40-08.jpg'; -import CommenterImage04 from '../../images/user-32-04.jpg'; -import CommenterImage05 from '../../images/user-32-05.jpg'; -import FeedImage01 from '../../images/feed-image-01.jpg'; -import FeedImage02 from '../../images/feed-image-02.jpg'; - -function FeedPosts() { - return ( - <> - {/* Post 1 */} -
      - {/* Header */} -
      - {/* User */} -
      - User 03 -
      - -
      Yesterday at 10:48 AM
      -
      -
      - {/* Menu button */} - -
    • - - Option 1 - -
      • -
    • - - Option 2 - -
      • -
    • - - Remove - -
      • -       -
      - {/* Body */} -
      -

      👋

      -

      - It's more likely that people reading your blog will opt in with their email addresses if you give them something highly relevant in - return. Ditch that too-general lead magnet and create "content upgrades" for your highest-traffic articles. -

      -

      Thread 👇

      -
      - {/* Footer */} -
      - {/* Like button */} - - {/* Share button */} - - {/* Replies button */} - -
      -
      - - {/* Post 2 */} -
      - {/* Header */} -
      - {/* User */} -
      - User 06 -
      - -
      - - - -
      Sponsored
      -
      -
      -
      - {/* Menu button */} - -
    • - - Option 1 - -
      • -
    • - - Option 2 - -
      • -
    • - - Remove - -
      • -       -
      - {/* Body */} -
      -

      Designing an Earth-positive future, together 🌿

      -
      - Feed 01 -
      -
      -
      togethernature.com
      - - Learn More -> - -
      -
      -
      -
      - {/* Footer */} -
      - {/* Like button */} - - {/* Share button */} - - {/* Replies button */} - -
      -
      - - {/* Post 3 */} -
      - {/* Header */} -
      - {/* User */} -
      - User 04 -
      - -
      Yesterday at 2:34 PM
      -
      -
      - {/* Menu button */} - -
    • - - Option 1 - -
      • -
    • - - Option 2 - -
      • -
    • - - Remove - -
      • -       -
      - {/* Body */} -
      -

      Any book recommendations for a first-time entrepreneur? 📚

      -
      - {/* Footer */} -
      - {/* Like button */} - - {/* Share button */} - - {/* Replies button */} - -
      - {/* Comments */} -
      -
        - {/* Comment */} -
      • -
        - User 04 -
        -
        - - Sophie Wenner - {' '} - · 44min -
        -
        - - @EricaSpriggs - {' '} - Reading through and really enjoying "Zero to Sold" by Arvid. -
        -
        -
        -
        • - {/* Comment */} -
      • -
        - User 05 -
        -
        - - Kyla Scanlon - {' '} - · 1h -
        -
        - Depends on the company you're running, but if I had to choose just one book, it'd be The Personal MBA by Josh Kaufman. -
        -
        -
        -
        • -
      - {/* Comments footer */} -
      -
      - 2 of 67 comments -
      - -
      - {/* Comment form */} -
      - User 02 -
      - - -
      -
      -
      -
      - - {/* Post 4 */} -
      - {/* Header */} -
      - {/* User */} -
      - User 08 -
      - -
      Yesterday at 4:56 PM
      -
      -
      - {/* Menu button */} - -
    • - - Option 1 - -
      • -
    • - - Option 2 - -
      • -
    • - - Remove - -
      • -       -
      - {/* Body */} -
      -

      Kyla Network - Make new connections, join communities, and access exclusive experiences. 🧑‍🤝‍🧑

      -
      - Feed 01 - -
      -
      -
      0:48
      -
      1M Views
      -
      -
      -
      -
      - {/* Footer */} -
      - {/* Like button */} - - {/* Share button */} - - {/* Replies button */} - -
      -
      - - ); -} - -export default FeedPosts; diff --git a/src/partials/community/FeedRightContent.jsx b/src/partials/community/FeedRightContent.jsx deleted file mode 100644 index 5e97146..0000000 --- a/src/partials/community/FeedRightContent.jsx +++ /dev/null @@ -1,240 +0,0 @@ -import React from 'react'; - -import GroupAvatar01 from '../../images/group-avatar-01.png'; -import GroupAvatar02 from '../../images/group-avatar-02.png'; -import GroupAvatar03 from '../../images/group-avatar-03.png'; -import GroupAvatar04 from '../../images/group-avatar-04.png'; -import UserImage01 from '../../images/user-32-01.jpg'; -import UserImage02 from '../../images/user-32-02.jpg'; -import UserImage04 from '../../images/user-32-04.jpg'; -import UserImage05 from '../../images/user-32-05.jpg'; - -function FeedRightContent() { - return ( -
      -
      -
      - - {/* Search form */} -
      -
      - - - - -
      - - {/* Blocks */} -
      - - {/* Block 1 */} -
      -
      Top Communities
      -
        -
      • -
        -
        -
        - Group 01 -
        -
        - Introductions -
        -
        - -
        -
        • -
      • -
        -
        -
        - Group 02 -
        -
        - HackerNews -
        -
        - -
        -
        • -
      • -
        -
        -
        - Group 03 -
        -
        - ReactJs -
        -
        - -
        -
        • -
      • -
        -
        -
        - Group 04 -
        -
        - JustChatting -
        -
        - -
        -
        • -
      -
      - -
      -
      - - {/* Block 2 */} -
      -
      Who to follow
      -
        -
      • -
        -
        -
        - User 02 -
        -
        - Elly Boutin -
        -
        - -
        -
        • -
      • -
        -
        -
        - User 04 -
        -
        - Rich Harris -
        -
        - -
        -
        • -
      • -
        -
        -
        - User 05 -
        -
        - Mary Porzio -
        -
        - -
        -
        • -
      • -
        -
        -
        - User 01 -
        -
        - Brian Lovin -
        -
        - -
        -
        • -
      -
      - -
      -
      - - {/* Block 3 */} -
      -
      Trends for you
      - -
      - -
      -
      - -
      -
      -
      -
      - ); -} - -export default FeedRightContent; diff --git a/src/partials/community/ForumEntries.jsx b/src/partials/community/ForumEntries.jsx deleted file mode 100644 index fb72175..0000000 --- a/src/partials/community/ForumEntries.jsx +++ /dev/null @@ -1,427 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -import UserAvatar from '../../images/user-avatar-32.png'; -import UserImage01 from '../../images/user-32-01.jpg'; -import UserImage02 from '../../images/user-32-02.jpg'; -import UserImage03 from '../../images/user-32-03.jpg'; -import UserImage04 from '../../images/user-32-04.jpg'; -import UserImage05 from '../../images/user-32-05.jpg'; -import UserImage06 from '../../images/user-32-06.jpg'; -import UserImage07 from '../../images/user-32-07.jpg'; - -function ForumEntries() { - return ( - <> - {/* Post 1 */} -
      -
      - {/* Avatar */} -
      - User avatar -
      - {/* Content */} -
      - {/* Title */} -

      - Share Your Startup - December 2021 - Upvote This For Maximum Visibility! -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 2 */} -
      -
      - {/* Avatar */} -
      - User 02 -
      - {/* Content */} -
      - {/* Title */} -

      - Failed for the past 12 years as a tech entrepreneur. My key takeaways. -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 3 */} -
      -
      - {/* Avatar */} -
      - User 01 -
      - {/* Content */} -
      - {/* Title */} -

      - Besides Product Hunt, where else should I promote my new project? 🤔 -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 4 */} -
      -
      - {/* Avatar */} -
      - User 03 -
      - {/* Content */} -
      - {/* Title */} -

      - - I built and sold 2 small SaaS products and quit my job in the last two years — AMA. - -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 5 */} -
      -
      - {/* Avatar */} -
      - User 04 -
      - {/* Content */} -
      - {/* Title */} -

      - - Had a full-time job, bootstrapped a side project to 7 digit ARR, now building another side project—AMA - -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Promoted post */} -
      -
      - {/* Avatar */} -
      - - - - -
      - {/* Content */} -
      - {/* Title */} -

      - - 💸 Trade crypto, fiat, and stablecoins with Crypto.io. Low fees and incredible performance! - -

      - {/* Footer */} - -
      -
      -
      - - {/* Post 6 */} -
      -
      - {/* Avatar */} -
      - User 05 -
      - {/* Content */} -
      - {/* Title */} -

      - Which are the main channels you use to drive traffic to your website? 📈 -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 7 */} -
      -
      - {/* Avatar */} -
      - User 06 -
      - {/* Content */} -
      - {/* Title */} -

      - - How to build a following on Twitter as a founder - A guide to growing your audience 🚀 - -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 8 */} -
      -
      - {/* Avatar */} -
      - User 04 -
      - {/* Content */} -
      - {/* Title */} -

      - What's the best way to get started building web 3 social products? -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - {/* Post 9 */} -
      -
      - {/* Avatar */} -
      - User 07 -
      - {/* Content */} -
      - {/* Title */} -

      - How important is customer feedback for the improvement of a product? -

      - {/* Footer */} - -
      - {/* Upvote button */} -
      - -
      -
      -
      - - ); -} - -export default ForumEntries; diff --git a/src/partials/community/ForumEntry.jsx b/src/partials/community/ForumEntry.jsx deleted file mode 100644 index 937bf85..0000000 --- a/src/partials/community/ForumEntry.jsx +++ /dev/null @@ -1,431 +0,0 @@ -import React from 'react'; -import { Link } from 'react-router-dom'; - -import UserAvatar from '../../images/user-40-02.jpg'; -import UserImage01 from '../../images/user-28-01.jpg'; -import UserImage02 from '../../images/user-28-02.jpg'; -import UserImage05 from '../../images/user-28-05.jpg'; -import UserImage09 from '../../images/user-28-09.jpg'; -import UserImage10 from '../../images/user-28-10.jpg'; - -function ForumEntry() { - return ( -
      - {/* Breadcrumbs */} -
      - -
      - {/* Header */} -
      - {/* Title */} -
      -

      Besides Product Hunt, where else should I promote my new project? 🤔

      - {/* Upvote button */} -
      - -
      -
      - {/* Meta */} -
      - -
      - 2h -
      -
      - 17 Comments -
      -
      -
      - {/* Content */} -
      -

      Looking for new ideas to get users, receive feedback, and increase exposure! Besides PH, where else do you showcase your product?

      -

      Please advise 🙌

      -
      - {/* Comment form */} -
      -
      - User 02 -
      - - - -
      - - {/* Panel footer */} -
      -
      -
      - - -
      -
      -
      - -
      - ); -} - -export default FeedbackPanel; \ No newline at end of file diff --git a/src/partials/settings/NotificationsPanel.jsx b/src/partials/settings/NotificationsPanel.jsx deleted file mode 100644 index 55e48b4..0000000 --- a/src/partials/settings/NotificationsPanel.jsx +++ /dev/null @@ -1,133 +0,0 @@ -import React, { useState } from 'react'; - -function NotificationsPanel() { - - const [comments, setComments] = useState(true); - const [messages, setMessages] = useState(true); - const [mentions, setMentions] = useState(false); - - return ( -
      - - {/* Panel body */} -
      -

      My Notifications

      - - {/* General */} -
      -

      General

      -
        -
      • - {/* Left */} -
        -
        Comments and replies
        -
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.
        -
        - {/* Right */} -
        -
        {comments ? 'On' : 'Off'}
        -
        - setComments(!comments)} /> - -
        -
        -
        • -
      • - {/* Left */} -
        -
        Messages
        -
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.
        -
        - {/* Right */} -
        -
        {messages ? 'On' : 'Off'}
        -
        - setMessages(!messages)} /> - -
        -
        -
        • -
      • - {/* Left */} -
        -
        Mentions
        -
        Excepteur sint occaecat cupidatat non in culpa qui officia deserunt mollit.
        -
        - {/* Right */} -
        -
        {mentions ? 'On' : 'Off'}
        -
        - setMentions(!mentions)} /> - -
        -
        -
        • -
      -
      - - {/* Shares */} -
      -

      Shares

      -
        -
      • - {/* Left */} -
        -
        Shares of my content
        -
        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.
        -
        - {/* Right */} -
        - -
        -
        • -
      • - {/* Left */} -
        -
        Team invites
        -
        Excepteur sint occaecat cupidatat non in culpa qui officia deserunt mollit.
        -
        - {/* Right */} -
        - -
        -
        • -
      • - {/* Left */} -
        -
        Smart connection
        -
        Excepteur sint occaecat cupidatat non in culpa qui officia deserunt mollit.
        -
        - {/* Right */} -
        -
        Active
        - -
        -
        • -
      -
      -
      - - {/* Panel footer */} -
      -
      -
      - - -
      -
      -
      - -
      - ); -} - -export default NotificationsPanel; \ No newline at end of file diff --git a/src/partials/settings/PlansPanel.jsx b/src/partials/settings/PlansPanel.jsx deleted file mode 100644 index c6b1867..0000000 --- a/src/partials/settings/PlansPanel.jsx +++ /dev/null @@ -1,273 +0,0 @@ -import React, { useState } from 'react'; - -function PlansPanel() { - - const [annual, setAnnual] = useState(true); - - return ( -
      - - {/* Panel body */} -
      - - {/* Plans */} -
      -
      -

      Plans

      -
      This workspace’s Basic Plan is set to $34 per month and will renew on July 9, 2021.
      -
      - - {/* Pricing */} -
      - {/* Toggle switch */} -
      -
      Monthly
      -
      - setAnnual(!annual)} /> - -
      -
      Annually (-20%)
      -
      - {/* Pricing tabs */} -
      - {/* Tab 1 */} -
      - -
      -
      -
      - - - -
      -

      Basic

      -
      -
      Ideal for individuals that need a custom solution with custom tools.
      - {/* Price */} -
      - ${annual? '14': '19'}/mo -
      - {/* CTA */} - -
      -
      -
      What's included
      - {/* List */} -
        -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      -
      -
      - {/* Tab 2 */} -
      - -
      -
      -
      - - - -
      -

      Standard

      -
      -
      Ideal for individuals that need a custom solution with custom tools.
      - {/* Price */} -
      - ${annual? '34': '39'}/mo -
      - {/* CTA */} - -
      -
      -
      What's included
      - {/* List */} -
        -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      -
      -
      - {/* Tab 3 */} -
      - -
      -
      -
      - - - -
      -

      Plus

      -
      -
      Ideal for individuals that need a custom solution with custom tools.
      - {/* Price */} -
      - ${annual? '74': '79'}/mo -
      - {/* CTA */} - -
      -
      -
      What's included
      - {/* List */} -
        -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      • - - - -
        Lorem ipsum dolor sit amet
        -
        • -
      • - - - -
        Quis nostrud exercitation
        -
        • -
      -
      -
      -
      -
      -
      - - {/* Contact Sales */} -
      -
      -
      Looking for different configurations?
      - -
      -
      - - {/* FAQs */} -
      -
      -

      FAQs

      -
      -
        -
      • -
        - What is the difference between the three versions? -
        -
        - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit. -
        -
        • -
      • -
        - Is there any difference between Basic and Plus licenses? -
        -
        - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum in voluptate velit esse cillum dolore eu fugiat nulla pariatur. -
        -
        • -
      • -
        - Got more questions? -
        -
        - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum in voluptate velit esse cillum dolore eu fugiat contact us. -
        -
        • -
      -
      - -
      - - {/* Panel footer */} -
      -
      -
      - - -
      -
      -
      - -
      - ); -} - -export default PlansPanel; \ No newline at end of file diff --git a/src/partials/settings/SettingsSidebar.jsx b/src/partials/settings/SettingsSidebar.jsx deleted file mode 100644 index b3c24e8..0000000 --- a/src/partials/settings/SettingsSidebar.jsx +++ /dev/null @@ -1,75 +0,0 @@ -import React from 'react'; -import { NavLink, useLocation } from 'react-router-dom'; - -function SettingsSidebar() { - - const location = useLocation(); - const { pathname } = location; - - return ( -
      - {/* Group 1 */} -
      -
      Business settings
      -
        -
      • - - - - - My Account - -
        • -
      • - - - - - My Notifications - -
        • -
      • - - - - - Connected Apps - -
        • -
      • - - - - - Plans - -
        • -
      • - - - - - Billing & Invoices - -
        • -
      -
      - {/* Group 2 */} -
      -
      Experience
      -
        -
      • - - - - - Give Feedback - -
        • -
      -
      -
      - ); -} - -export default SettingsSidebar; \ No newline at end of file diff --git a/src/partials/tasks/Task01.jsx b/src/partials/tasks/Task01.jsx deleted file mode 100644 index 7ecb69b..0000000 --- a/src/partials/tasks/Task01.jsx +++ /dev/null @@ -1,57 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-07.jpg'; -import UserImage02 from '../../images/user-28-11.jpg'; - -function Task01() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      Managing teams (book)

      - {/* Content */} -
      -
      #7764 created by markus-james
      -
      -
      - {/* Footer */} -
      - {/* Left side */} - - {/* Right side */} -
      - {/* Like button */} - - {/* Replies button */} - - {/* Attach button */} - -
      -
      -
      - ); -} - -export default Task01; \ No newline at end of file diff --git a/src/partials/tasks/Task02.jsx b/src/partials/tasks/Task02.jsx deleted file mode 100644 index 15560e6..0000000 --- a/src/partials/tasks/Task02.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react'; - -function Task02() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      User should receive a daily digest email

      - {/* Content */} -
      -
      Dedicated form for a category of users that will perform actions.
      -
      -
      - {/* Footer */} -
      - {/* Left side */} - - {/* Right side */} -
      - {/* Date */} -
      - - - -
      Mar 27
      -
      - {/* Replies button */} - - {/* Attach button */} - -
      -
      -
      - ); -} - -export default Task02; \ No newline at end of file diff --git a/src/partials/tasks/Task03.jsx b/src/partials/tasks/Task03.jsx deleted file mode 100644 index 0b79d87..0000000 --- a/src/partials/tasks/Task03.jsx +++ /dev/null @@ -1,46 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-03.jpg'; -import UserImage02 from '../../images/user-28-10.jpg'; - -function Task03() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      Change license and remove references to products

      -
      - {/* Footer */} -
      - {/* Left side */} - - {/* Right side */} -
      - {/* Replies button */} - - {/* Attach button */} - -
      -
      -
      - ); -} - -export default Task03; \ No newline at end of file diff --git a/src/partials/tasks/Task04.jsx b/src/partials/tasks/Task04.jsx deleted file mode 100644 index 9de148a..0000000 --- a/src/partials/tasks/Task04.jsx +++ /dev/null @@ -1,63 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-06.jpg'; - -function Task04() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      Managing teams (book)

      -
      - {/* Meta */} -
      - {/* Left side */} -
      - - User 06 - -
      - {/* Right side */} -
      - {/* To-do info */} -
      - - - -
      1/3
      -
      - {/* Attach button */} - -
      -
      - {/* List */} -
        -
      • - - - -
        Implement new designs
        -
        • -
      • - - - -
        Usability testing
        -
        • -
      • - - - -
        Design navigation changes
        -
        • -
      -
      - ); -} - -export default Task04; \ No newline at end of file diff --git a/src/partials/tasks/Task05.jsx b/src/partials/tasks/Task05.jsx deleted file mode 100644 index 73ca9df..0000000 --- a/src/partials/tasks/Task05.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-05.jpg'; -import UserImage02 from '../../images/user-28-02.jpg'; -import TaskImage from '../../images/task-image-01.jpg'; - -function Task05() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      Product Update - Q4 2021

      - {/* Content */} -
      -
      Dedicated form for a category of users that will perform actions.
      - Task 01 -
      -
      - {/* Footer */} -
      - {/* Left side */} - - {/* Right side */} -
      - {/* Date */} -
      - - - -
      Mar 27
      -
      - {/* Attach button */} - -
      -
      -
      - ); -} - -export default Task05; \ No newline at end of file diff --git a/src/partials/tasks/Task06.jsx b/src/partials/tasks/Task06.jsx deleted file mode 100644 index 4dce492..0000000 --- a/src/partials/tasks/Task06.jsx +++ /dev/null @@ -1,51 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-12.jpg'; -import UserImage02 from '../../images/user-28-02.jpg'; - -function Task06() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      Design new diagrams

      - {/* Content */} -
      -
      #7896 created by jerzy-wierzy
      -
      -
      - {/* Footer */} -
      - {/* Left side */} - - {/* Right side */} -
      - {/* Like button */} - - {/* Replies button */} - -
      -
      -
      - ); -} - -export default Task06; \ No newline at end of file diff --git a/src/partials/tasks/Task07.jsx b/src/partials/tasks/Task07.jsx deleted file mode 100644 index d6e96b2..0000000 --- a/src/partials/tasks/Task07.jsx +++ /dev/null @@ -1,57 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-08.jpg'; - -function Task07() { - return ( -
      - {/* Body */} -
      - {/* Title */} -

      Manage internal feedback

      -
      - {/* Meta */} -
      - {/* Left side */} -
      - - User 08 - -
      - {/* Right side */} -
      - {/* To-do info */} -
      - - - -
      2/2
      -
      - {/* Attach button */} - -
      -
      - {/* List */} -
        -
      • - - - -
        Call with incoming clients
        -
        • -
      • - - - -
        Manage inbound deals
        -
        • -
      -
      - ); -} - -export default Task07; \ No newline at end of file diff --git a/src/partials/tasks/Task08.jsx b/src/partials/tasks/Task08.jsx deleted file mode 100644 index 77efe6a..0000000 --- a/src/partials/tasks/Task08.jsx +++ /dev/null @@ -1,57 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-12.jpg'; -import TaskImage from '../../images/task-image-02.jpg'; - -function Task08() { - return ( -
      - {/* Body */} -
      - {/* Title */} -
      -
      - - User 12 - -
      -
      - -

      Adrian Przetocki

      -       -
      11:51 AM Jan 12
      -
      -
      - {/* Content */} -
      -
      Publishing industries for previewing layouts and visual #family 🔥
      - Task 02 -
      -
      - {/* Footer */} -
      - {/* Left side */} -
      - {/* Right side */} -
      - {/* Like button */} - - {/* Replies button */} - -
      -
      -
      - ); -} - -export default Task08; \ No newline at end of file diff --git a/src/partials/tasks/Task09.jsx b/src/partials/tasks/Task09.jsx deleted file mode 100644 index f845c5c..0000000 --- a/src/partials/tasks/Task09.jsx +++ /dev/null @@ -1,61 +0,0 @@ -import React from 'react'; - -import UserImage01 from '../../images/user-28-12.jpg'; - -function Task09() { - return ( -
      - {/* Body */} -
      - {/* Title */} -
      -
      - - User 12 - -
      -
      - -

      Adrian Przetocki

      -       -
      11:51 AM Jan 12
      -
      -
      - {/* Content */} -
      -
      Dedicated form for a category of users that will perform actions? #viewall
      -
      -
      - {/* Footer */} -
      - {/* Left side */} -
      - {/* Right side */} -
      - {/* Like button */} - - {/* Replies button */} - - {/* Attach button */} - -
      -
      -
      - ); -} - -export default Task09; \ No newline at end of file diff --git a/src/partials/tasks/TasksGroups.jsx b/src/partials/tasks/TasksGroups.jsx deleted file mode 100644 index 33c9594..0000000 --- a/src/partials/tasks/TasksGroups.jsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react'; - -function TasksGroups({ - children, - title -}) { - return ( -
      - {/* Column header */} -
      -
      -

      {title}

      - -
      - {/* Cards */} -
      - {children} -
      -
      -
      - ); -} - -export default TasksGroups; \ No newline at end of file From bcd7f89dee9ccf021891fedfb5e0b23ec6e494df Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Mon, 30 May 2022 19:17:03 +0300 Subject: [PATCH 21/39] created ablock with a verified data --- src/css/tailwind.config.js | 1 + src/pages/digitalId/Verify.jsx | 144 ++++++++++++++++++++++++++++++++- 2 files changed, 141 insertions(+), 4 deletions(-) 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 (
      @@ -15,11 +82,80 @@ function Verify () { {/* Site header */}
      -
      +
      {/* Page header */} -
      - {/* Title */} -

      Verify ✨

      +
      +
      +
        +
      • + +
        • +
      • + +
        • +
      • + +
        • +
      +
      +
      + {/* Blocks */} + {verifiedData.sort((first, second) => { + if (first.time < second.time) { + return -1; + } + if (first.time > second.time) { + return 1; + } + if (first.time === second.time) { + return 0; + } + })} +
      + {/* Header */} +
      + + Yesterday at 10:48 AM + + {/* Buttons */} +
      +
      + +
      +
      + +
      +
      +
      +
      +
      +
      + United Kindom + 7234ABC3423423523457234ABC34234 + 7234ABC3423423523457234ABC34234 +
      + Residence +
      +
      From ec700318ae079b8d384f1515aba12fa89951026b Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 31 May 2022 13:58:27 +0300 Subject: [PATCH 22/39] Conflict fix --- src/pages/digitalId/Validate.jsx | 3 --- src/pages/digitalId/ValidationLog.jsx | 4 ---- 2 files changed, 7 deletions(-) diff --git a/src/pages/digitalId/Validate.jsx b/src/pages/digitalId/Validate.jsx index 4ca3300..80978fe 100644 --- a/src/pages/digitalId/Validate.jsx +++ b/src/pages/digitalId/Validate.jsx @@ -65,12 +65,10 @@ function Validate () {
      {/* Sidebar */} - {/* Content area */}
      {/* Site header */}
      -
      @@ -115,7 +113,6 @@ function Validate () {
      -
      ) diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index 02d9a13..77a9cec 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -106,15 +106,12 @@ function ValidationLog () {
      {/* Sidebar */} - {/* Content area */}
      {/* Site header */}
      -
      - {/* Page header */}
      {/* Title */} @@ -183,7 +180,6 @@ function ValidationLog () {
      -
      ) From bc71ea6cb97b4a1c5b2d1ded5bd82cb66441ee84 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 31 May 2022 15:55:54 +0300 Subject: [PATCH 23/39] Returned authorization --- src/App.jsx | 6 +++ src/pages/Onboarding1.jsx | 2 +- src/pages/Onboarding2.jsx | 2 +- src/pages/Onboarding3.jsx | 2 +- src/pages/Onboarding4.jsx | 2 +- src/pages/ResetPassword.jsx | 73 ++++++++++++++++++++++++++ src/pages/Signin.jsx | 100 +++++++++++++++++++++++++++++++++++ src/pages/Signup.jsx | 101 ++++++++++++++++++++++++++++++++++++ 8 files changed, 284 insertions(+), 4 deletions(-) create mode 100644 src/pages/ResetPassword.jsx create mode 100644 src/pages/Signin.jsx create mode 100644 src/pages/Signup.jsx diff --git a/src/App.jsx b/src/App.jsx index 30805ef..f571bc1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -25,6 +25,9 @@ import Onboarding1 from "./pages/Onboarding1"; import Onboarding2 from "./pages/Onboarding2"; import Onboarding3 from "./pages/Onboarding3"; import Onboarding4 from "./pages/Onboarding4"; +import ResetPassword from "./pages/ResetPassword"; +import Signup from "./pages/Signup"; +import Signin from "./pages/Signin"; function App() { @@ -54,6 +57,9 @@ function App() { } /> } /> } /> + } /> + } /> + } /> ); diff --git a/src/pages/Onboarding1.jsx b/src/pages/Onboarding1.jsx index 9279be1..76a9e1e 100644 --- a/src/pages/Onboarding1.jsx +++ b/src/pages/Onboarding1.jsx @@ -25,7 +25,7 @@ function Onboarding1() { logo
      - Have an account? Sign In + Have an account? Sign In
      diff --git a/src/pages/Onboarding2.jsx b/src/pages/Onboarding2.jsx index ebef1dc..1021738 100644 --- a/src/pages/Onboarding2.jsx +++ b/src/pages/Onboarding2.jsx @@ -25,7 +25,7 @@ function Onboarding2() { logo
      - Have an account? Sign In + Have an account? Sign In
      diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx index a82ddf2..df73ef7 100644 --- a/src/pages/Onboarding3.jsx +++ b/src/pages/Onboarding3.jsx @@ -24,7 +24,7 @@ function Onboarding3() { logo
      - Have an account? Sign In + Have an account? Sign In
      diff --git a/src/pages/Onboarding4.jsx b/src/pages/Onboarding4.jsx index aa35989..0e2b381 100644 --- a/src/pages/Onboarding4.jsx +++ b/src/pages/Onboarding4.jsx @@ -23,7 +23,7 @@ function Onboarding4() { logo
      - Have an account? Sign In + Have an account? Sign In
      diff --git a/src/pages/ResetPassword.jsx b/src/pages/ResetPassword.jsx new file mode 100644 index 0000000..d7223d0 --- /dev/null +++ b/src/pages/ResetPassword.jsx @@ -0,0 +1,73 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import AuthImage from '../images/auth-image.jpg'; +import AuthDecoration from '../images/auth-decoration.png'; + +function ResetPassword() { + return ( +
      + +
      + + {/* Content */} +
      +
      + + {/* Header */} +
      +
      + {/* Logo */} + + + + + + + + + + + + + + + + + + +
      +
      + +
      +

      Reset your Password ✨

      + {/* Form */} +
      +
      +
      + + +
      +
      +
      + +
      + +
      + +
      +
      + + {/* Image */} + + +
      + +
      + ); +} + +export default ResetPassword; diff --git a/src/pages/Signin.jsx b/src/pages/Signin.jsx new file mode 100644 index 0000000..9bcd3a0 --- /dev/null +++ b/src/pages/Signin.jsx @@ -0,0 +1,100 @@ +import React, { useEffect } from 'react'; +import { Link } from 'react-router-dom'; + +import AuthImage from '../images/auth-image.jpg'; +import AuthDecoration from '../images/auth-decoration.png'; + +function Signin() { + useEffect(() => { + localStorage.setItem('svgKey', '') + }, []) + return ( +
      + +
      + + {/* Content */} +
      +
      + + {/* Header */} +
      +
      + {/* Logo */} + + + + + + + + + + + + + + + + + + +
      +
      + +
      +

      Welcome back! ✨

      + {/* Form */} +
      +
      +
      + + +
      +
      + + +
      +
      +
      +
      + Forgot Password? +
      + Sign In +
      + + {/* Footer */} +
      +
      + Don’t you have an account? Sign Up +
      + {/* Warning */} +
      +
      + + + + + To support you during the pandemic super pro features are free until March 31st. + +
      +
      +
      +
      + +
      +
      + + {/* Image */} + + +
      + +
      + ); +} + +export default Signin; diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx new file mode 100644 index 0000000..852badb --- /dev/null +++ b/src/pages/Signup.jsx @@ -0,0 +1,101 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import AuthImage from '../images/auth-image.jpg'; +import AuthDecoration from '../images/auth-decoration.png'; + +function Signup() { + return ( +
      + +
      + + {/* Content */} +
      +
      + + {/* Header */} +
      +
      + {/* Logo */} + + + + + + + + + + + + + + + + + + +
      +
      + +
      +

      Create your Account ✨

      + {/* Form */} +
      +
      +
      + + +
      +
      + + +
      +
      + + +
      +
      + + +
      +
      +
      +
      + +
      + Sign Up +
      + + {/* Footer */} +
      +
      + Have an account? Sign In +
      +
      +
      + +
      +
      + + {/* Image */} + + +
      + +
      + ); +} + +export default Signup; From c7d797b2af1b408eff2bbffd6c52f50c13a2da45 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Tue, 31 May 2022 16:31:25 +0300 Subject: [PATCH 24/39] changed the array, added props --- src/css/tailwind.config.js | 1 - src/pages/digitalId/Verify.jsx | 219 +++++++++++++++++---------------- 2 files changed, 111 insertions(+), 109 deletions(-) diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index 700b72f..4f35c23 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -23,7 +23,6 @@ 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 61aae8c..aacb5d2 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -1,5 +1,4 @@ import React, { useState } from 'react'; - import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; @@ -9,69 +8,75 @@ function Verify () { const verifiedData = [ { - id: 0, - time: '10:48', - property: 'Residence', - value: 'United Kindom', - validatedData: '7234ABC3423423523457234ABC34234' + "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' + } + ] }, { - id: 1, - time: '10:48', - property: 'Document ID', - value: 'A1321313', - validatedData: '4568ABC3423423523457234ABC34234' + "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' + }, + ] }, { - 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' + "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 (
      @@ -105,57 +110,55 @@ function Verify () {
    - {/* Blocks */} - {verifiedData.sort((first, second) => { - if (first.time < second.time) { - return -1; - } - if (first.time > second.time) { - return 1; - } - if (first.time === second.time) { - return 0; - } - })} -
    - {/* Header */} -
    - - Yesterday at 10:48 AM - - {/* Buttons */} -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -
    - United Kindom - 7234ABC3423423523457234ABC34234 - 7234ABC3423423523457234ABC34234 + {/* Block */} +
    + {verifiedData.map((item, index) => ( +
    + {/* Header */} +
    + + Yesterday at {item.date.slice(-5)} AM + + {/* Buttons */} +
    +
    + +
    +
    + +
    - Residence
    -
    + {/* Content */} +
    + {item.fields.map((elem) => ( +
    +
    +
    + {elem.value} + {elem.hash1} + {elem.hash2} +
    + {elem.name} +
    +
    + ))} +
    +
    + ))}
    From 4179cd703d740569537880b3a9906d12d97c92a1 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 15:59:34 +0300 Subject: [PATCH 25/39] create table --- src/pages/digitalId/ProfileId.jsx | 54 ++--- src/partials/digitalId/ProfileTable.jsx | 222 ++++++++++++++++++++ src/partials/digitalId/ProfileTableItem.jsx | 4 +- 3 files changed, 247 insertions(+), 33 deletions(-) create mode 100644 src/partials/digitalId/ProfileTable.jsx diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 4d85496..d74c2a7 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -2,25 +2,11 @@ import React, { useState } from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; -import ProfileTableItem from '../../partials/digitalId/ProfileTableItem'; -import ProfileIcon from '../../images/profile-icon.svg'; -import Avatar01 from '../../images/avatar-01.jpg'; -import Avatar02 from '../../images/avatar-02.jpg'; -import Avatar03 from '../../images/avatar-03.jpg'; +import ProfileTable from '../../partials/digitalId/ProfileTable'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); - const data = { - id: '0', - image: ProfileIcon, - value: 'Passport', - property: 'Document type', - status: 'Progress', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: [Avatar01, Avatar02, Avatar03] - }; - return (
    {/* Sidebar */} @@ -32,25 +18,31 @@ function Profile () {
    {/* Page header */} -
    +
    {/* Title */} -

    Profile ✨

    +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    + {/* Page content */} {/* Table */} -
    +
    + +
    +     		+
    +
    {props.filed}
    +
    +     		+
    {props.data}
    +     		+
    {props.seed}
    +     		+
    +
    {props.status}
    +
    +     		+ {/* Menu button */} + +
    - - - -
    +
    diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/digitalId/ProfileTable.jsx new file mode 100644 index 0000000..f0f6b5f --- /dev/null +++ b/src/partials/digitalId/ProfileTable.jsx @@ -0,0 +1,222 @@ +import React from 'react'; +import ProfileTableItem from './ProfileTableItem'; +import ProfileIcon from '../../images/profile-icon.svg'; +import Avatar01 from '../../images/avatar-01.jpg'; +import Avatar02 from '../../images/avatar-02.jpg'; +import Avatar03 from '../../images/avatar-03.jpg'; + +function ProfileTable() { + + const userData = [ + { + id: '0', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Dominik', + property: 'First name', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '1', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Lamakani', + property: 'Second name', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '2', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.1983', + property: 'Birthdate', + status: 'Incorrect', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '3', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Male', + property: 'Gender', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '4', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'United Kindom', + property: 'Residence', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '5', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Passport', + property: 'Document type', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '6', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'A123B3143', + property: 'Document ID', + status: 'Incorrect', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '7', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.2012', + property: 'Issue date', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '8', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.2032', + property: 'Expiry date', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '9', + category: 'Social', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '@lamakani', + property: 'Telegram', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '10', + category: 'Social', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '@lamakani', + property: 'Telegram', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + ] + + return ( + <> +

    General 🖋️

    +
    + + + {userData.filter(data => data.category === 'General') + .map(data => { + return ( + + ) + }) + } + +
    +
    + +

    Nationality 🖋️

    +
    + + + {userData.filter(data => data.category === 'Nationality') + .map(data => { + return ( + + ) + }) + } + +
    +
    + +

    Social 🖋️

    +
    + + + {userData.filter(data => data.category === 'Social') + .map(data => { + return ( + + ) + }) + } + +
    +
    + + ) +} + +export default ProfileTable; diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index 5a17432..ccc8faa 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -5,7 +5,7 @@ function ProfileTableItem(props) { return ( <> - +
    - +
    From d86c118b2129ec0f4d1f4aa9296f469e50a676db Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 18:05:07 +0300 Subject: [PATCH 26/39] create add field form --- src/pages/digitalId/ProfileId.jsx | 80 ++++++++++++++++++------- src/partials/digitalId/ProfileTable.jsx | 2 +- 2 files changed, 58 insertions(+), 24 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index d74c2a7..731792e 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -6,6 +6,7 @@ import ProfileTable from '../../partials/digitalId/ProfileTable'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [toggle, setToggle] = useState(true); return (
    @@ -17,32 +18,65 @@ function Profile () {
    - {/* Page header */} -
    - {/* Title */} +
    + {/* Page header */}
    -
      -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    + {/* Title */} +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    + {/* Table */} + +
    + {/* Sidebar */} +
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + Store data on blockchain + {/* Start */} +
    +
    + setToggle(!toggle)} /> + +
    +
    +
    + {/* End */} +
    - {/* Page content */} - {/* Table */} -
    diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/digitalId/ProfileTable.jsx index f0f6b5f..095d624 100644 --- a/src/partials/digitalId/ProfileTable.jsx +++ b/src/partials/digitalId/ProfileTable.jsx @@ -147,7 +147,7 @@ function ProfileTable() {

    General 🖋️

    - + {userData.filter(data => data.category === 'General') .map(data => { return ( From 3e5ef4f128a044d538b64784394db65cee852501 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Fri, 27 May 2022 12:35:36 +0300 Subject: [PATCH 27/39] fix form for adding fields --- src/pages/digitalId/ProfileId.jsx | 49 +++++++++++++++++++++++++++++-- 1 file changed, 46 insertions(+), 3 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 731792e..cc9898d 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -3,6 +3,7 @@ import React, { useState } from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; import ProfileTable from '../../partials/digitalId/ProfileTable'; +import Image from '../../images/transactions-image-04.svg'; function Profile () { const [sidebarOpen, setSidebarOpen] = useState(false); @@ -46,6 +47,7 @@ function Profile () { {/* Sidebar */}
    + {/* Form */}
    @@ -61,9 +63,8 @@ function Profile () {
    -
    +
    Store data on blockchain - {/* Start */}
    setToggle(!toggle)} /> @@ -73,7 +74,49 @@ function Profile () {
    - {/* End */} + {/* Buttons */} +
    + + +
    +
    + {/* Details */} +
    + {/* Top */} +
    +
    + Transaction 04 +
    +
    0.012 IDN
    +
    Total amount fee
    +
    + {/* Divider */} +
    From 709f6686975743028a62bfb5959476c72d6747a1 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Fri, 27 May 2022 17:36:06 +0300 Subject: [PATCH 28/39] add other forms --- src/css/tailwind.config.js | 1 + src/pages/digitalId/ProfileId.jsx | 277 +++++++++++++++----- src/partials/digitalId/ProfileTable.jsx | 27 +- src/partials/digitalId/ProfileTableItem.jsx | 28 +- 4 files changed, 257 insertions(+), 76 deletions(-) diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index 4d79d5f..ca30b85 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -20,6 +20,7 @@ module.exports = { inter: ['Inter', 'sans-serif'], }, fontSize: { + descriptionSize: ['0.75rem', { lineHeight: '1.25' }], xxs: ['0.625rem', { lineHeight: '0.75' }], xs: ['0.75rem', { lineHeight: '1.5' }], sm: ['0.875rem', { lineHeight: '1.5715' }], diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index cc9898d..8a17a34 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -6,17 +6,49 @@ import ProfileTable from '../../partials/digitalId/ProfileTable'; import Image from '../../images/transactions-image-04.svg'; function Profile () { - const [sidebarOpen, setSidebarOpen] = useState(false); + const [leftSidebarOpen, setLeftSidebarOpen] = useState(false); + const [rightSidebarOpen, setRightSidebarOpen] = useState(true); + const [removeFormOpen, setRemoveFormOpen] = useState(false); + const [changeFormOpen, setChangeFormOpen] = useState(false); const [toggle, setToggle] = useState(true); + const [formOpen, setFormOpen] = useState(false); + const [selectedItems, setSelectedItems] = useState([]); + const handleSelectedItems = (selectedItems) => { + setSelectedItems([...selectedItems]); + if (selectedItems.length > 0) { + setRightSidebarOpen(false); + setChangeFormOpen(true); + } + }; + + const openAddForm = () => { + setFormOpen(true); + setRightSidebarOpen(false); + } + + const cancelAddForm = () => { + setFormOpen(false); + setRightSidebarOpen(true); + } + + const openRemoveForm = () => { + setRemoveFormOpen(true); + setChangeFormOpen(false); + } + + const canselRemoveForm = () => { + setRemoveFormOpen(false); + setRightSidebarOpen(true); + } return (
    {/* Sidebar */} - + {/* Content area */}
    {/* Site header */} -
    +
    @@ -43,78 +75,203 @@ function Profile () {
    {/* Table */} - +
    - {/* Sidebar */} + {/* left Sidebar */}
    - {/* Form */} -
    -
    -
    - - + {/* Form with button*/} +
    +
    + +
    +
    + {/* Add Form */} +
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    -
    - - +
    + Store data on blockchain +
    +
    + setToggle(!toggle)} /> + +
    +
    -
    - - + {/* Buttons */} +
    + +
    -
    - Store data on blockchain -
    -
    - setToggle(!toggle)} /> - + {/* Details */} +
    + {/* Top */} +
    +
    + Transaction 04 +
    +
    0.012 IDN
    +
    Total amount fee
    +
    + {/* Divider */} + - {/* Buttons */} -
    - - +
    + {/* Field change form */} +
    +
    + + +
    - {/* Details */} -
    - {/* Top */} -
    -
    - Transaction 04 + {/* Remove form */} +
    +
    +

    Summary

    +
    + Second name + Birthday +
    +
    + On blockchain too +
    +
    + setToggle(!toggle)} /> + +
    +
    +
    + {/* Buttons */} +
    + +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Terms.
    -
    0.012 IDN
    -
    Total amount fee
    - {/* Divider */} -
    From 883f173c12f729fc92b01eb30134dcd94ddf4768 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Mon, 30 May 2022 16:07:22 +0300 Subject: [PATCH 29/39] fix left sidebar --- src/pages/digitalId/ProfileId.jsx | 338 ++++++++++++++++-------- src/partials/digitalId/ProfileTable.jsx | 147 +---------- 2 files changed, 228 insertions(+), 257 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 8a17a34..d68aa5d 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -1,60 +1,207 @@ import React, { useState } from 'react'; - import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; import ProfileTable from '../../partials/digitalId/ProfileTable'; import Image from '../../images/transactions-image-04.svg'; +import ProfileIcon from '../../images/profile-icon.svg'; +import Avatar01 from '../../images/avatar-01.jpg'; +import Avatar02 from '../../images/avatar-02.jpg'; +import Avatar03 from '../../images/avatar-03.jpg'; function Profile () { - const [leftSidebarOpen, setLeftSidebarOpen] = useState(false); - const [rightSidebarOpen, setRightSidebarOpen] = useState(true); - const [removeFormOpen, setRemoveFormOpen] = useState(false); - const [changeFormOpen, setChangeFormOpen] = useState(false); + const [sidebarOpen, setSidebarOpen] = useState(false); + const [buttonPanelOpen, setButtonPanelOpen] = useState(true); + const [removePanelOpen, setRemovePanelOpen] = useState(false); + const [changePanelOpen, setChangePanelOpen] = useState(false); const [toggle, setToggle] = useState(true); - const [formOpen, setFormOpen] = useState(false); + const [addPanelOpen, setAddPanelOpen] = useState(false); const [selectedItems, setSelectedItems] = useState([]); const handleSelectedItems = (selectedItems) => { setSelectedItems([...selectedItems]); if (selectedItems.length > 0) { - setRightSidebarOpen(false); - setChangeFormOpen(true); + setButtonPanelOpen(false); + setAddPanelOpen(false); + setChangePanelOpen(true); + } + if (removePanelOpen === true) { + setChangePanelOpen(false); + } + if (selectedItems.length === 0) { + setRemovePanelOpen(false); + setButtonPanelOpen(true); + setChangePanelOpen(false); } }; - const openAddForm = () => { - setFormOpen(true); - setRightSidebarOpen(false); + const openAddPanel = () => { + setAddPanelOpen(true); + setButtonPanelOpen(false); } - const cancelAddForm = () => { - setFormOpen(false); - setRightSidebarOpen(true); + const cancelAddPanel = () => { + setAddPanelOpen(false); + setButtonPanelOpen(true); } - const openRemoveForm = () => { - setRemoveFormOpen(true); - setChangeFormOpen(false); + const openRemovePanel = () => { + setRemovePanelOpen(true); + setChangePanelOpen(false); } - const canselRemoveForm = () => { - setRemoveFormOpen(false); - setRightSidebarOpen(true); + const applyRemovePanel = () => { + setRemovePanelOpen(false); + setButtonPanelOpen(true); } + + const userData = [ + { + id: '0', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Dominik', + property: 'First name', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '1', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Lamakani', + property: 'Second name', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '2', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.1983', + property: 'Birthdate', + status: 'Incorrect', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '3', + category: 'General', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Male', + property: 'Gender', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '4', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'United Kindom', + property: 'Residence', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '5', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'Passport', + property: 'Document type', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + { + id: '6', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: 'A123B3143', + property: 'Document ID', + status: 'Incorrect', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '7', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.2012', + property: 'Issue date', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '8', + category: 'Nationality', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '05.10.2032', + property: 'Expiry date', + status: 'Stored', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '9', + category: 'Social', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '@lamakani', + property: 'Telegram', + status: 'Completed', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: null + }, + { + id: '10', + category: 'Social', + validated: true, + blockchained: true, + image: ProfileIcon, + value: '@lamakani', + property: 'Telegram', + status: 'Progress', + transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], + avatars: [Avatar01, Avatar02, Avatar03] + }, + ] + return (
    {/* Sidebar */} - + {/* Content area */}
    {/* Site header */} -
    +
    -
    +
    {/* Page header */}
    - {/* Title */}
    • @@ -75,16 +222,16 @@ function Profile () {
    {/* Table */} - +
    - {/* left Sidebar */} + {/* Left sidebar */}
    - {/* Form with button*/} -
    + {/* Button panel*/} +
    - {/* Add Form */} -
    -
    +
    + {/* Add panel */} +
    @@ -125,26 +272,60 @@ function Profile () {
    + {/* Remove panel */} +
    +

    Summary

    +
    + {userData.filter(({ id }) => selectedItems.includes(id)).map(item => ( + {item.property} + ))} +
    +
    + On blockchain too +
    +
    + setToggle(!toggle)} /> + +
    +
    +
    +
    + +
    +
    + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Terms. +
    +
    {/* Details */} -
    +
    {/* Top */} -
    +
    Transaction 04
    -
    0.012 IDN
    +
    0.012 IDN
    Total amount fee
    {/* Divider */} @@ -159,8 +340,8 @@ function Profile () {
    - -
    + {/* Bottom */} +
    Validator: IT17 2207 1010 0504 0006 88 @@ -176,12 +357,12 @@ function Profile () {
    - {/* Field change form */} -
    + {/* Change panel */} +
    - {/* Remove form */} -
    -
    -

    Summary

    -
    - Second name - Birthday -
    -
    - On blockchain too -
    -
    - setToggle(!toggle)} /> - -
    -
    -
    - {/* Buttons */} -
    - -
    -
    - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do Terms. -
    -
    - {/* Details */} -
    - {/* Top */} -
    -
    - Transaction 04 -
    -
    0.012 IDN
    -
    Total amount fee
    -
    - {/* Divider */} - -
    diff --git a/src/partials/digitalId/ProfileTable.jsx b/src/partials/digitalId/ProfileTable.jsx index c2d1da1..cadad05 100644 --- a/src/partials/digitalId/ProfileTable.jsx +++ b/src/partials/digitalId/ProfileTable.jsx @@ -1,12 +1,9 @@ import React, {useState, useEffect} from 'react'; import ProfileTableItem from './ProfileTableItem'; -import ProfileIcon from '../../images/profile-icon.svg'; -import Avatar01 from '../../images/avatar-01.jpg'; -import Avatar02 from '../../images/avatar-02.jpg'; -import Avatar03 from '../../images/avatar-03.jpg'; function ProfileTable({ - selectedItems + selectedItems, + userData }) { const [isCheck, setIsCheck] = useState([]); @@ -24,143 +21,9 @@ function ProfileTable({ } }; - const userData = [ - { - id: '0', - category: 'General', - validated: true, - blockchained: true, - image: ProfileIcon, - value: 'Dominik', - property: 'First name', - status: 'Completed', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: [Avatar01, Avatar02, Avatar03] - }, - { - id: '1', - category: 'General', - validated: true, - blockchained: true, - image: ProfileIcon, - value: 'Lamakani', - property: 'Second name', - status: 'Progress', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '2', - category: 'General', - validated: true, - blockchained: true, - image: ProfileIcon, - value: '05.10.1983', - property: 'Birthdate', - status: 'Incorrect', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '3', - category: 'General', - validated: true, - blockchained: true, - image: ProfileIcon, - value: 'Male', - property: 'Gender', - status: 'Stored', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '4', - category: 'Nationality', - validated: true, - blockchained: true, - image: ProfileIcon, - value: 'United Kindom', - property: 'Residence', - status: 'Completed', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: [Avatar01, Avatar02, Avatar03] - }, - { - id: '5', - category: 'Nationality', - validated: true, - blockchained: true, - image: ProfileIcon, - value: 'Passport', - property: 'Document type', - status: 'Progress', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: [Avatar01, Avatar02, Avatar03] - }, - { - id: '6', - category: 'Nationality', - validated: true, - blockchained: true, - image: ProfileIcon, - value: 'A123B3143', - property: 'Document ID', - status: 'Incorrect', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '7', - category: 'Nationality', - validated: true, - blockchained: true, - image: ProfileIcon, - value: '05.10.2012', - property: 'Issue date', - status: 'Stored', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '8', - category: 'Nationality', - validated: true, - blockchained: true, - image: ProfileIcon, - value: '05.10.2032', - property: 'Expiry date', - status: 'Stored', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '9', - category: 'Social', - validated: true, - blockchained: true, - image: ProfileIcon, - value: '@lamakani', - property: 'Telegram', - status: 'Completed', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: null - }, - { - id: '10', - category: 'Social', - validated: true, - blockchained: true, - image: ProfileIcon, - value: '@lamakani', - property: 'Telegram', - status: 'Progress', - transactions: ['0x7234ABC342342352345', '0x5745DEF342342352345'], - avatars: [Avatar01, Avatar02, Avatar03] - }, - ] - return ( <> + {/* General */}

    General 🖋️

    {(props.status === 'Progress') ? ( -
    - {props.status} -
    ) : - (props.status === 'Stored') ? ( -
    - {props.status} -
    ) : - (props.status === 'Completed') ? ( -
    - {props.status} -
    ) : ( -
    - {props.status} -
    ) +
    + {props.status} +
    ) : + (props.status === 'Stored') ? ( +
    + {props.status} +
    ) : + (props.status === 'Completed') ? ( +
    + {props.status} +
    ) : ( +
    + {props.status} +
    ) }
    @@ -186,7 +49,7 @@ function ProfileTable({
    - + {/* Nationality */}

    Nationality 🖋️

    @@ -212,7 +75,7 @@ function ProfileTable({
    - + {/* Social */}

    Social 🖋️

    From 981d62b849a9c83ee6e98fb7a4b9b0293e554cdb Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Mon, 30 May 2022 16:17:11 +0300 Subject: [PATCH 30/39] rename sizes --- src/css/tailwind.config.js | 2 +- src/partials/digitalId/ProfileTableItem.jsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index ca30b85..4f35c23 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -26,7 +26,7 @@ module.exports = { sm: ['0.875rem', { lineHeight: '1.5715' }], base: ['1rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], lg: ['1.125rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], - validateLg: ['1.125rem', { lineHeight: '1.875', letterSpacing: '-0.014em' }], + validateSize: ['1.125rem', { lineHeight: '1.875', letterSpacing: '-0.014em' }], xl: ['1.25rem', { lineHeight: '1.5', letterSpacing: '-0.01em' }], '2xl': ['1.5rem', { lineHeight: '1.33', letterSpacing: '-0.01em' }], '3xl': ['1.88rem', { lineHeight: '1.33', letterSpacing: '-0.01em' }], diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index d6e9168..4fd2e33 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -122,8 +122,8 @@ function ProfileTableItem(props) {

    - Validate by - {data} + Validate by + {data}

    From 03bb781b5af612192c72469b9214275c42a7c26b Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Mon, 30 May 2022 19:17:03 +0300 Subject: [PATCH 31/39] created ablock with a verified data --- src/css/tailwind.config.js | 1 + src/pages/digitalId/Verify.jsx | 144 ++++++++++++++++++++++++++++++++- 2 files changed, 141 insertions(+), 4 deletions(-) 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 1c799ab..5ea37e2 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 (
    @@ -15,11 +82,80 @@ function Verify () { {/* Site header */}
    -
    +
    {/* Page header */} -
    - {/* Title */} -

    Verify ✨

    +
    +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    +
    + {/* Blocks */} + {verifiedData.sort((first, second) => { + if (first.time < second.time) { + return -1; + } + if (first.time > second.time) { + return 1; + } + if (first.time === second.time) { + return 0; + } + })} +
    + {/* Header */} +
    + + Yesterday at 10:48 AM + + {/* Buttons */} +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    + United Kindom + 7234ABC3423423523457234ABC34234 + 7234ABC3423423523457234ABC34234 +
    + Residence +
    +
    From 5b1ff31e01fe1f8ac859ee824c1f073c85f67ea8 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Tue, 31 May 2022 16:31:25 +0300 Subject: [PATCH 32/39] changed the array, added props --- src/css/tailwind.config.js | 1 - src/pages/digitalId/Verify.jsx | 219 +++++++++++++++++---------------- 2 files changed, 111 insertions(+), 109 deletions(-) diff --git a/src/css/tailwind.config.js b/src/css/tailwind.config.js index 700b72f..4f35c23 100644 --- a/src/css/tailwind.config.js +++ b/src/css/tailwind.config.js @@ -23,7 +23,6 @@ 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 5ea37e2..48a21ca 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -1,5 +1,4 @@ import React, { useState } from 'react'; - import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; @@ -9,69 +8,75 @@ function Verify () { const verifiedData = [ { - id: 0, - time: '10:48', - property: 'Residence', - value: 'United Kindom', - validatedData: '7234ABC3423423523457234ABC34234' + "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' + } + ] }, { - id: 1, - time: '10:48', - property: 'Document ID', - value: 'A1321313', - validatedData: '4568ABC3423423523457234ABC34234' + "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' + }, + ] }, { - 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' + "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 (
    @@ -105,57 +110,55 @@ function Verify () {
    - {/* Blocks */} - {verifiedData.sort((first, second) => { - if (first.time < second.time) { - return -1; - } - if (first.time > second.time) { - return 1; - } - if (first.time === second.time) { - return 0; - } - })} -
    - {/* Header */} -
    - - Yesterday at 10:48 AM - - {/* Buttons */} -
    -
    - -
    -
    - -
    -
    -
    -
    -
    -
    - United Kindom - 7234ABC3423423523457234ABC34234 - 7234ABC3423423523457234ABC34234 + {/* Block */} +
    + {verifiedData.map((item, index) => ( +
    + {/* Header */} +
    + + Yesterday at {item.date.slice(-5)} AM + + {/* Buttons */} +
    +
    + +
    +
    + +
    - Residence
    -
    + {/* Content */} +
    + {item.fields.map((elem) => ( +
    +
    +
    + {elem.value} + {elem.hash1} + {elem.hash2} +
    + {elem.name} +
    +
    + ))} +
    +
    + ))}
    From de11c6be0f1fc28a039f23511849d3b3572e8cde Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 31 May 2022 13:58:27 +0300 Subject: [PATCH 33/39] Conflict fix --- src/pages/digitalId/ValidationLog.jsx | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index 02d9a13..77a9cec 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -106,15 +106,12 @@ function ValidationLog () {
    {/* Sidebar */} - {/* Content area */}
    {/* Site header */}
    -
    - {/* Page header */}
    {/* Title */} @@ -183,7 +180,6 @@ function ValidationLog () {
    -
    ) From ac18be77a77ddce27ee0126d95e328bded363686 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 31 May 2022 00:07:49 +0300 Subject: [PATCH 34/39] Add shared data page --- src/pages/SharedData.jsx | 101 ++++++++++++++++++ src/pages/digitalId/Validate.jsx | 4 + src/pages/digitalId/ValidationLog.jsx | 8 ++ src/partials/Sidebar.jsx | 7 ++ src/partials/shareddata/SharedDataRoadmap.jsx | 48 +++++++++ .../validationlog/ValidationUsersImg.jsx | 2 +- 6 files changed, 169 insertions(+), 1 deletion(-) create mode 100644 src/pages/SharedData.jsx create mode 100644 src/partials/shareddata/SharedDataRoadmap.jsx diff --git a/src/pages/SharedData.jsx b/src/pages/SharedData.jsx new file mode 100644 index 0000000..bad8de6 --- /dev/null +++ b/src/pages/SharedData.jsx @@ -0,0 +1,101 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; +import User06 from "../images/user-28-06.jpg"; +import User08 from "../images/user-28-08.jpg"; +import User09 from "../images/user-28-09.jpg"; +import SharedDataRoadMap from "../partials/shareddata/SharedDataRoadmap"; + +function SharedData() { + + const sharedDataItems = { + data: '7234ABC3423423523457234ABC34234', + items: [ + { + dataShared: '7234ABC3423423523457234ABC34234', + id: '923', + text: 'United Kindom', + typeItem: 'Residence', + usersImges: [ + { + size: 32, + img: User06, + imgId: "90" + }, + { + size: 32, + img: User08, + imgId: "93" + }, + { + size: 32, + img: User09, + imgId: "89" + }, + ], + }, + { + dataShared: '7234ABC3423423523457234ABC34234', + id: '401', + text: 'A123B3143', + typeItem: 'Document ID', + usersImges: [ + { + size: 32, + img: User06, + imgId: "67" + }, + { + size: 32, + img: User08, + imgId: "71" + }, + ], + }, + ] + }; + return ( +
    + +
    + + {/* Content */} +
    + +
    + +
    +
    +

    Shared data ✨

    +
      + {sharedDataItems.items.map(item => { + return( +
    • + +
      • + ); + })} +
    +
    +
    + +
    + +
    + + {/* Image */} + + +
    + +
    + ); +} + +export default SharedData; diff --git a/src/pages/digitalId/Validate.jsx b/src/pages/digitalId/Validate.jsx index 80978fe..29cbbc7 100644 --- a/src/pages/digitalId/Validate.jsx +++ b/src/pages/digitalId/Validate.jsx @@ -22,18 +22,22 @@ function Validate () { data: '7234ABC342342352345', usersImges: [ { + size: 24, img: User06, imgId: "343" }, { + size: 24, img: User08, imgId: "345" }, { + size: 24, img: User09, imgId: "321" }, { + size: 24, img: User05, imgId: "387" }, diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index adf7e9d..ddcdebf 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -20,18 +20,22 @@ function ValidationLog () { data: '7234ABC342342352345', usersImges: [ { + size: 24, img: User06, imgId: "249" }, { + size: 24, img: User08, imgId: "212" }, { + size: 24, img: User09, imgId: "217" }, { + size: 24, img: User05, imgId: "276" }, @@ -63,18 +67,22 @@ function ValidationLog () { data: '7234ABC342342352345', usersImges: [ { + size: 24, img: User06, imgId: "145" }, { + size: 24, img: User08, imgId: "182" }, { + size: 24, img: User09, imgId: "154" }, { + size: 24, img: User05, imgId: "114" }, diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index bd6cc97..62bb252 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -415,6 +415,13 @@ function Sidebar({ +
  • + + + Shared Data + + +
    • diff --git a/src/partials/shareddata/SharedDataRoadmap.jsx b/src/partials/shareddata/SharedDataRoadmap.jsx new file mode 100644 index 0000000..903dd4e --- /dev/null +++ b/src/partials/shareddata/SharedDataRoadmap.jsx @@ -0,0 +1,48 @@ +import React from "react"; + +import ValidationUsersImg from "../validationlog/ValidationUsersImg"; + +function SharedDataRoadMap({ data }) { + + return ( +
    +
    +
    +
    + +
    +

    + {data.text} +

    + {data.typeItem} +
    +
    +
    +
    {data.dataShared}
    + seed +
    +
    +
    {data.dataShared}
    + hash +
    +
    + {/* Avatars */} +
    + {data.usersImges.map(pic => { + return + })} +
    +
    + Explore -> +
    +
    +
    + ) +} + +export default SharedDataRoadMap; diff --git a/src/partials/validationlog/ValidationUsersImg.jsx b/src/partials/validationlog/ValidationUsersImg.jsx index d77bdc8..7f6b941 100644 --- a/src/partials/validationlog/ValidationUsersImg.jsx +++ b/src/partials/validationlog/ValidationUsersImg.jsx @@ -3,7 +3,7 @@ import React from "react"; function ValidationUsersImg({ image }) { return ( - {image.img} + {image.img} ); } From 0d127aa5fa04a58bf526c03b52c675d6617d215c Mon Sep 17 00:00:00 2001 From: DwCay Date: Wed, 1 Jun 2022 00:52:15 +0300 Subject: [PATCH 35/39] Add shared data in routes --- src/App.jsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/App.jsx b/src/App.jsx index f571bc1..3137f83 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -25,6 +25,7 @@ import Onboarding1 from "./pages/Onboarding1"; import Onboarding2 from "./pages/Onboarding2"; import Onboarding3 from "./pages/Onboarding3"; import Onboarding4 from "./pages/Onboarding4"; +import SharedData from "./pages/SharedData"; import ResetPassword from "./pages/ResetPassword"; import Signup from "./pages/Signup"; import Signin from "./pages/Signin"; @@ -55,6 +56,7 @@ function App() { } /> } /> } /> + } /> } /> } /> } /> From 3236f2ae945f9692b132d50daa0f00b395f6abba Mon Sep 17 00:00:00 2001 From: DwCay Date: Wed, 1 Jun 2022 10:27:49 +0300 Subject: [PATCH 36/39] Save avatar svg in shared data for header --- src/components/DropdownProfile.jsx | 2 +- src/pages/SharedData.jsx | 12 ++++++++---- src/partials/Sidebar.jsx | 6 +++++- 3 files changed, 14 insertions(+), 6 deletions(-) diff --git a/src/components/DropdownProfile.jsx b/src/components/DropdownProfile.jsx index 832071f..6d40198 100644 --- a/src/components/DropdownProfile.jsx +++ b/src/components/DropdownProfile.jsx @@ -43,7 +43,7 @@ function DropdownProfile({ onClick={() => setDropdownOpen(!dropdownOpen)} aria-expanded={dropdownOpen} > - User + User
    Acme Inc. diff --git a/src/pages/SharedData.jsx b/src/pages/SharedData.jsx index bad8de6..db8fc56 100644 --- a/src/pages/SharedData.jsx +++ b/src/pages/SharedData.jsx @@ -9,10 +9,10 @@ import SharedDataRoadMap from "../partials/shareddata/SharedDataRoadmap"; function SharedData() { const sharedDataItems = { - data: '7234ABC3423423523457234ABC34234', + data: localStorage.getItem('digitalId'), items: [ { - dataShared: '7234ABC3423423523457234ABC34234', + dataShared: localStorage.getItem('digitalId'), id: '923', text: 'United Kindom', typeItem: 'Residence', @@ -35,7 +35,7 @@ function SharedData() { ], }, { - dataShared: '7234ABC3423423523457234ABC34234', + dataShared: localStorage.getItem('digitalId'), id: '401', text: 'A123B3143', typeItem: 'Document ID', @@ -54,6 +54,10 @@ function SharedData() { }, ] }; + + function saveDigitalId() { + localStorage.setItem('svgAvatar', generateSvgAvatar()) + } return (
    @@ -88,7 +92,7 @@ function SharedData() {
    Onboarding {sharedDataItems.data} - Get my digital ID + saveDigitalId()} className="mt-12 btn bg-indigo-500 hover:bg-indigo-600 text-white" to="/">Get my digital ID
    diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index 62bb252..a67245b 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -47,6 +47,10 @@ function Sidebar({ } }, [sidebarExpanded]); + function saveDigitalId () { + localStorage.setItem('digitalId', '7234ABC3423423523457234ABC34234') + } + return (
    {/* Sidebar backdrop (mobile only) */} @@ -416,7 +420,7 @@ function Sidebar({
  • - + saveDigitalId()} end to="/shared-data" className="block text-slate-400 hover:text-slate-200 transition duration-150 truncate"> Shared Data From 36eb756be07ddf98240633322b8575fc64dc79b8 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 1 Jun 2022 16:21:14 +0300 Subject: [PATCH 37/39] fix key --- src/pages/digitalId/Verify.jsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/digitalId/Verify.jsx b/src/pages/digitalId/Verify.jsx index 48a21ca..a6a4730 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -144,8 +144,8 @@ function Verify () {
    • {/* Content */}
    - {item.fields.map((elem) => ( -
    + {item.fields.map((elem, index) => ( +
    {elem.value} From 264a908352b2c2b61f4216b6a6586f2c032324e6 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 1 Jun 2022 16:45:47 +0300 Subject: [PATCH 38/39] fix paddings --- src/pages/digitalId/ProfileId.jsx | 8 ++++---- src/partials/digitalId/ProfileTableItem.jsx | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index d68aa5d..7cc7ccb 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -285,14 +285,14 @@ function Profile () {
    {/* Remove panel */} -
    -

    Summary

    +
    +

    Summary

    {userData.filter(({ id }) => selectedItems.includes(id)).map(item => ( {item.property} ))}
    -
    +
    On blockchain too
    @@ -351,7 +351,7 @@ function Profile () { IT17 2207 1010 0504 0006 88
    - Transacion:: + Transacion: 145 bytes
    diff --git a/src/partials/digitalId/ProfileTableItem.jsx b/src/partials/digitalId/ProfileTableItem.jsx index 4fd2e33..ace282c 100644 --- a/src/partials/digitalId/ProfileTableItem.jsx +++ b/src/partials/digitalId/ProfileTableItem.jsx @@ -90,7 +90,7 @@ function ProfileTableItem(props) {
    -
    +
    @@ -102,7 +102,7 @@ function ProfileTableItem(props) {
    {/* Progress validation bar */} -
    +

    Today

    From b71dccbd0ee0b738e6908a225414718c2fe082b6 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Wed, 1 Jun 2022 17:18:22 +0300 Subject: [PATCH 39/39] fix field on sidepanel --- src/pages/digitalId/ProfileId.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index 7cc7ccb..99faca9 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -351,7 +351,7 @@ function Profile () { IT17 2207 1010 0504 0006 88
    - Transacion: + Transaction: 145 bytes