diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a7554c2 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +# dependencies +/node_modules \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index b41c9e1..45e45fe 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -13,6 +13,10 @@ import './charts/ChartjsConfig'; import Dashboard from './pages/Dashboard'; import Analytics from './pages/Analytics'; import Fintech from './pages/Fintech'; +import ProfileId from './pages/digitalId/ProfileId'; +import Validate from './pages/digitalId/Validate'; +import ValidationLog from './pages/digitalId/ValidationLog'; +import Verify from './pages/digitalId/Verify'; import Customers from './pages/ecommerce/Customers'; import Orders from './pages/ecommerce/Orders'; import Invoices from './pages/ecommerce/Invoices'; @@ -96,6 +100,10 @@ function App() { } /> } /> } /> + } /> + } /> + } /> + } /> } /> } /> } /> diff --git a/src/images/logo.png b/src/images/logo.png new file mode 100644 index 0000000..cdf83a3 Binary files /dev/null and b/src/images/logo.png differ diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx new file mode 100644 index 0000000..bd1f75a --- /dev/null +++ b/src/pages/digitalId/ProfileId.jsx @@ -0,0 +1,35 @@ +import React, { useState } from 'react'; + +import Sidebar from '../../partials/Sidebar'; +import Header from '../../partials/Header'; + +function Profile () { + const [sidebarOpen, setSidebarOpen] = useState(false); + + return ( +
+ {/* Sidebar */} + + + {/* Content area */} +
+ {/* Site header */} +
+ +
+
+ + {/* Page header */} +
+ {/* Title */} +

Profile ✨

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

Validate ✨

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

Validation log ✨

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

Verify ✨

+
+
+
+ +
+
+ ) +} + +export default Verify; \ No newline at end of file diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index da44cf1..6070baf 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -1,5 +1,6 @@ import React, { useState, useEffect, useRef } from 'react'; import { NavLink, useLocation } from 'react-router-dom'; +import Logo from '../images/logo.png'; import SidebarLinkGroup from './SidebarLinkGroup'; @@ -66,7 +67,7 @@ function Sidebar({ }`} > {/* Sidebar header */} -
+
{/* Close button */}
@@ -213,6 +193,116 @@ function Sidebar({ ); }} + {/* digitalId */} + + {(handleClick, open) => { + return ( + + { + e.preventDefault(); + sidebarExpanded ? handleClick() : setSidebarExpanded(true); + }} + > +
+
+ + + + + + + + Digital ID + +
+ {/* Icon */} +
+ + + +
+
+ +
+
    +
  • + + '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' : '') + } + > + + Validate + + +
    • +
  • + + 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') + } + > + + Validation log + + +
    • +
  • + + 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') + } + > + + Verify + + +
    • +
+
+ + ); + }} + {/* E-Commerce */} {(handleClick, open) => {