From b85163cda899f913a9a6a489a053847088e3cc77 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 24 May 2022 19:10:08 +0300 Subject: [PATCH 1/4] Add new onboarding steps --- package-lock.json | 1 + src/App.jsx | 8 + .../additional-styles/utility-patterns.scss | 2 +- src/pages/Onboarding1.jsx | 144 ++++++++++++++++++ src/pages/Onboarding2.jsx | 131 ++++++++++++++++ src/pages/Onboarding3.jsx | 126 +++++++++++++++ src/pages/Onboarding4.jsx | 118 ++++++++++++++ src/partials/Header.jsx | 2 +- src/partials/Sidebar.jsx | 30 +++- 9 files changed, 559 insertions(+), 3 deletions(-) create mode 100644 src/pages/Onboarding1.jsx create mode 100644 src/pages/Onboarding2.jsx create mode 100644 src/pages/Onboarding3.jsx create mode 100644 src/pages/Onboarding4.jsx diff --git a/package-lock.json b/package-lock.json index cf145e5..7b0ffcd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,6 +5,7 @@ "requires": true, "packages": { "": { + "name": "mosaic-react", "version": "0.1.0", "dependencies": { "@tailwindcss/forms": "^0.4.0", diff --git a/src/App.jsx b/src/App.jsx index ae07cfe..b41c9e1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -75,6 +75,10 @@ import AvatarPage from './pages/component/AvatarPage'; import TooltipPage from './pages/component/TooltipPage'; import AccordionPage from './pages/component/AccordionPage'; import IconsPage from './pages/component/IconsPage'; +import Onboarding1 from "./pages/Onboarding1"; +import Onboarding2 from "./pages/Onboarding2"; +import Onboarding3 from "./pages/Onboarding3"; +import Onboarding4 from "./pages/Onboarding4"; function App() { @@ -141,6 +145,10 @@ function App() { } /> } /> } /> + } /> + } /> + } /> + } /> } /> } /> } /> diff --git a/src/css/additional-styles/utility-patterns.scss b/src/css/additional-styles/utility-patterns.scss index 4b39a59..58778f4 100644 --- a/src/css/additional-styles/utility-patterns.scss +++ b/src/css/additional-styles/utility-patterns.scss @@ -103,4 +103,4 @@ input[type="search"]::-webkit-search-results-decoration { .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ -} \ No newline at end of file +} diff --git a/src/pages/Onboarding1.jsx b/src/pages/Onboarding1.jsx new file mode 100644 index 0000000..bc6f333 --- /dev/null +++ b/src/pages/Onboarding1.jsx @@ -0,0 +1,144 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import OnboardingImage from '../images/onboarding-image.jpg'; +import OnboardingDecoration from '../images/auth-decoration.png'; + +function Onboarding1() { + return ( +
+ +
+ + {/* Content */} +
+ +
+ +
+ + {/* Header */} +
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+ Have an account? Sign In +
+
+ + {/* Progress bar */} +
+
+
+ +
    +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
+
+
+
+
+ +
+
+ +

Tell us about your company ✨

+ {/* Form */} +
+
+ + +
+
+
+
💸 Lorem ipsum is place text commonly?
+
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts.
+
+
+
+ + +
+
+
+
+ Next Step -> +
+
+ +
+
+ +
+ +
+ + {/* Image */} + + +
+ +
+ ); +} + +export default Onboarding1; diff --git a/src/pages/Onboarding2.jsx b/src/pages/Onboarding2.jsx new file mode 100644 index 0000000..bc793be --- /dev/null +++ b/src/pages/Onboarding2.jsx @@ -0,0 +1,131 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import OnboardingImage from '../images/onboarding-image.jpg'; +import OnboardingDecoration from '../images/auth-decoration.png'; + +function Onboarding2() { + return ( +
+ +
+ + {/* Content */} +
+ +
+ +
+ + {/* Header */} +
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+ Have an account? Sign In +
+
+ + {/* Progress bar */} +
+
+
+ +
    +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
+
+
+
+
+ +
+
+

Create your Account ✨

+ {/* Form */} +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ +
+ Sign Up +
+
+ {/* Footer */} +
+
+ Have an account? Sign In +
+
+
+
+ +
+ +
+ + {/* Image */} + + +
+ +
+ ); +} + +export default Onboarding2; diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx new file mode 100644 index 0000000..7d83b7d --- /dev/null +++ b/src/pages/Onboarding3.jsx @@ -0,0 +1,126 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import DigitalId from "../images/onboarding-digitalId.jpg"; + +function Onboarding3() { + const arrayBadges = ['judge', 'jelly', 'wasp', 'true', 'clog', 'forward', 'talent', 'ozone', 'belive', 'fresh', 'bulk', 'hobby'] + return ( +
+ +
+ + {/* Content */} +
+ +
+ +
+ + {/* Header */} +
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+ Have an account? Sign In +
+
+ + {/* Progress bar */} +
+
+
+ +
    +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
+
+
+
+
+ +
+
+ +
+

Company information ✨

+ {/* htmlForm */} +
+ {arrayBadges.map(tag => ( + + ))} +
+
+ + +
+
+
+ <- Back + Next Step -> +
+ +
+
+ +
+ +
+ + {/* Image */} + + +
+ +
+ ); +} + +export default Onboarding3; diff --git a/src/pages/Onboarding4.jsx b/src/pages/Onboarding4.jsx new file mode 100644 index 0000000..6733b34 --- /dev/null +++ b/src/pages/Onboarding4.jsx @@ -0,0 +1,118 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; + +import DigitalId from '../images/onboarding-digitalId.jpg'; + + +function Onboarding4() { + return ( +
+ +
+ + {/* Content */} +
+ +
+ +
+ + {/* Header */} +
+ {/* Logo */} + + + + + + + + + + + + + + + + + + +
+ Have an account? Sign In +
+
+ + {/* Progress bar */} +
+
+
+ +
    +
  • + 1 +
    • +
  • + 2 +
    • +
  • + 3 +
    • +
  • + 4 +
    • +
+
+
+
+
+ +
+
+ +
+ + + + +

Nice to meet you, Ivan 🙌

+ Go To Profile -> +
+ +
+
+ + +
+
+ +
+
+ +
+ +
+ + {/* Image */} + + +
+ +
+ ); +} + +export default Onboarding4; diff --git a/src/partials/Header.jsx b/src/partials/Header.jsx index 3bb4cc9..2562075 100644 --- a/src/partials/Header.jsx +++ b/src/partials/Header.jsx @@ -65,4 +65,4 @@ function Header({ ); } -export default Header; \ No newline at end of file +export default Header; diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index f63266e..da44cf1 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -1343,6 +1343,34 @@ function Sidebar({ +
  • + + + Step 1 + + +
    • +
  • + + + Step 2 + + +
    • +
  • + + + Step 3 + + +
    • +
  • + + + Step 4 + + +
    • @@ -1593,4 +1621,4 @@ function Sidebar({ ); } -export default Sidebar; \ No newline at end of file +export default Sidebar; From fa3ee41fbde87b553501fb3a8ccc7e06f8a31e50 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 24 May 2022 21:28:06 +0300 Subject: [PATCH 2/4] Add generator svg for onboarding --- .../GenerateOnboardingSvg/GenerateSvg.js | 105 ++++++++++++++++++ src/pages/Onboarding3.jsx | 4 +- src/pages/Onboarding4.jsx | 4 +- 3 files changed, 109 insertions(+), 4 deletions(-) create mode 100644 src/images/GenerateOnboardingSvg/GenerateSvg.js diff --git a/src/images/GenerateOnboardingSvg/GenerateSvg.js b/src/images/GenerateOnboardingSvg/GenerateSvg.js new file mode 100644 index 0000000..510e11c --- /dev/null +++ b/src/images/GenerateOnboardingSvg/GenerateSvg.js @@ -0,0 +1,105 @@ +function createBlob(options) { + + + + let points = []; + let slice = (Math.PI * 2) / options.numPoints; + let startAngle = 0; + + for (let i = 0; i < options.subkey.length; i++) { + let angle = startAngle + i * slice; + let rnd = Number("0x"+options.subkey.substring(i+0,i+1)); + let point = { + x: options.centerX + Math.cos(angle) * (options.radius + rnd), + y: options.centerY + Math.sin(angle) * (options.radius + rnd) + }; + points.push(point); + } + + + let size = points.length; + let path = "M" + points[0].x + " " + points[0].y + " C"; + + for (let i = 0; i < size; i++) { + let p0 = points[(i - 1 + size) % size]; + let p1 = points[i]; + let p2 = points[(i + 1) % size]; + let p3 = points[(i + 2) % size]; + + let x1 = p1.x + (p2.x - p0.x) / 6; + let y1 = p1.y + (p2.y - p0.y) / 6; + + let x2 = p2.x - (p3.x - p1.x) / 6; + let y2 = p2.y - (p3.y - p1.y) / 6; + + path += " " + x1 + " " + y1 + " " + x2 + " " + y2 + " " + p2.x + " " + p2.y; + } + + return path + "z"; +} + + + +export var generateSvgAvatar = (function () { + + return function (seed, raw) { + + let pubKey = Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16); + //pubKey = "73f47d4929d7b2b6598ca4999d52567f9bb5aef3e353e0a66b468096db6e4e88" + + let particles = []; + let gradients = ['#000000']; + let defs = []; + + for (let a = 0; a<64; a = a + 8) { + let blob = createBlob({ + numPoints: 8, + centerX: 256, + centerY: 256-a*4, + radius: 16, + subkey: pubKey.substring(a,a + 8) + }); + + let color = "#" + pubKey.substring(a+2,a+8); + let width = Number("0x"+pubKey.substring(a,a+1)); + let opacity = Number("0x"+pubKey.substring(a+1,a+2))/8; + + gradients.push(color); + defs.push(``); + particles.push(``); + + } + + + let ph = ""; + let off = 4 + Number("0x"+pubKey.substring(0,1)); + let rotate = 0; + for (var i = 0; i < off; i++){ + ph = ph + `,` + "\n"; + rotate = rotate + 360/off; + } + + + + + var svg = [ + '', + '', + '', + '', + '', + '',defs.join('\n'), + '', + '', + particles.join(''), + '', + '', + ph, + '', + '', + ].join(''); + // document.getElementById("myImg").src = raw ? svg : 'data:image/svg+xml;base64,' + btoa(svg); + return raw ? svg : 'data:image/svg+xml;base64,' + btoa(svg); + }; + +})(); diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx index 7d83b7d..ee664c9 100644 --- a/src/pages/Onboarding3.jsx +++ b/src/pages/Onboarding3.jsx @@ -1,7 +1,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; +import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; -import DigitalId from "../images/onboarding-digitalId.jpg"; function Onboarding3() { const arrayBadges = ['judge', 'jelly', 'wasp', 'true', 'clog', 'forward', 'talent', 'ozone', 'belive', 'fresh', 'bulk', 'hobby'] @@ -112,7 +112,7 @@ function Onboarding3() { {/* Image */} diff --git a/src/pages/Onboarding4.jsx b/src/pages/Onboarding4.jsx index 6733b34..c524f0c 100644 --- a/src/pages/Onboarding4.jsx +++ b/src/pages/Onboarding4.jsx @@ -1,7 +1,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; +import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; -import DigitalId from '../images/onboarding-digitalId.jpg'; function Onboarding4() { @@ -104,7 +104,7 @@ function Onboarding4() { {/* Image */} From 59d96222d6e861dc44d1285b1cef6a10af0e5715 Mon Sep 17 00:00:00 2001 From: DwCay Date: Wed, 25 May 2022 02:18:13 +0300 Subject: [PATCH 3/4] Organized save avatar --- .../GenerateOnboardingSvg/GenerateSvg.js | 8 +++---- src/pages/Dashboard.jsx | 12 +++++----- src/pages/Onboarding1.jsx | 18 ++------------- src/pages/Onboarding2.jsx | 18 ++------------- src/pages/Onboarding3.jsx | 20 +++-------------- src/pages/Onboarding4.jsx | 22 ++++--------------- src/pages/Signin.jsx | 7 ++++-- src/pages/settings/Account.jsx | 14 +++++++----- src/partials/Sidebar.jsx | 1 - 9 files changed, 35 insertions(+), 85 deletions(-) diff --git a/src/images/GenerateOnboardingSvg/GenerateSvg.js b/src/images/GenerateOnboardingSvg/GenerateSvg.js index 510e11c..1f07e4f 100644 --- a/src/images/GenerateOnboardingSvg/GenerateSvg.js +++ b/src/images/GenerateOnboardingSvg/GenerateSvg.js @@ -41,12 +41,12 @@ function createBlob(options) { export var generateSvgAvatar = (function () { - return function (seed, raw) { - - let pubKey = Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16); + let pubKey = localStorage.getItem('svgKey') || Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16); //pubKey = "73f47d4929d7b2b6598ca4999d52567f9bb5aef3e353e0a66b468096db6e4e88" - + if (!localStorage.getItem('svgKey')) { + localStorage.setItem('svgKey', `${pubKey}`) + } let particles = []; let gradients = ['#000000']; let defs = []; diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx index 0221469..0ea841d 100644 --- a/src/pages/Dashboard.jsx +++ b/src/pages/Dashboard.jsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React, {useEffect, useState} from 'react'; import Sidebar from '../partials/Sidebar'; import Header from '../partials/Header'; @@ -19,7 +19,9 @@ import DashboardCard10 from '../partials/dashboard/DashboardCard10'; import DashboardCard11 from '../partials/dashboard/DashboardCard11'; function Dashboard() { - + useEffect(() => { + localStorage.setItem('svgKey', '') + }, []) const [sidebarOpen, setSidebarOpen] = useState(false); return ( @@ -58,7 +60,7 @@ function Dashboard() { Add View - + @@ -88,7 +90,7 @@ function Dashboard() { {/* Card (Income/Expenses) */} - + @@ -100,4 +102,4 @@ function Dashboard() { ); } -export default Dashboard; \ No newline at end of file +export default Dashboard; diff --git a/src/pages/Onboarding1.jsx b/src/pages/Onboarding1.jsx index bc6f333..76a9e1e 100644 --- a/src/pages/Onboarding1.jsx +++ b/src/pages/Onboarding1.jsx @@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'; import OnboardingImage from '../images/onboarding-image.jpg'; import OnboardingDecoration from '../images/auth-decoration.png'; +import Logo from "../images/logo.png"; function Onboarding1() { return ( @@ -21,22 +22,7 @@ function Onboarding1() {
    {/* Logo */} - - - - - - - - - - - - - - - - + logo
    Have an account? Sign In diff --git a/src/pages/Onboarding2.jsx b/src/pages/Onboarding2.jsx index bc793be..2dd3e1a 100644 --- a/src/pages/Onboarding2.jsx +++ b/src/pages/Onboarding2.jsx @@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'; import OnboardingImage from '../images/onboarding-image.jpg'; import OnboardingDecoration from '../images/auth-decoration.png'; +import Logo from "../images/logo.png"; function Onboarding2() { return ( @@ -21,22 +22,7 @@ function Onboarding2() {
    {/* Logo */} - - - - - - - - - - - - - - - - + logo
    Have an account? Sign In diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx index ee664c9..77824d7 100644 --- a/src/pages/Onboarding3.jsx +++ b/src/pages/Onboarding3.jsx @@ -1,6 +1,7 @@ import React from 'react'; import { Link } from 'react-router-dom'; import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; +import Logo from "../images/logo.png"; function Onboarding3() { @@ -21,22 +22,7 @@ function Onboarding3() {
    {/* Logo */} - - - - - - - - - - - - - - - - + logo
    Have an account? Sign In @@ -75,7 +61,7 @@ function Onboarding3() { {/* htmlForm */}
    {arrayBadges.map(tag => ( - ))} diff --git a/src/pages/Onboarding4.jsx b/src/pages/Onboarding4.jsx index c524f0c..8fc3b0a 100644 --- a/src/pages/Onboarding4.jsx +++ b/src/pages/Onboarding4.jsx @@ -1,6 +1,7 @@ -import React from 'react'; +import React, {useEffect} from 'react'; import { Link } from 'react-router-dom'; import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; +import Logo from "../images/logo.png"; @@ -21,22 +22,7 @@ function Onboarding4() {
    {/* Logo */} - - - - - - - - - - - - - - - - + logo
    Have an account? Sign In @@ -76,7 +62,7 @@ function Onboarding4() {

    Nice to meet you, Ivan 🙌

    - Go To Profile -> + Go To Profile ->
    diff --git a/src/pages/Signin.jsx b/src/pages/Signin.jsx index 8810b4e..9bcd3a0 100644 --- a/src/pages/Signin.jsx +++ b/src/pages/Signin.jsx @@ -1,10 +1,13 @@ -import React from 'react'; +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 (
    @@ -94,4 +97,4 @@ function Signin() { ); } -export default Signin; \ No newline at end of file +export default Signin; diff --git a/src/pages/settings/Account.jsx b/src/pages/settings/Account.jsx index ae869b3..246334f 100644 --- a/src/pages/settings/Account.jsx +++ b/src/pages/settings/Account.jsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React, {useEffect, useState} from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; @@ -6,7 +6,9 @@ import SettingsSidebar from '../../partials/settings/SettingsSidebar'; import AccountPanel from '../../partials/settings/AccountPanel'; function Account() { - + useEffect(() => { + localStorage.setItem('svgKey', '') + }, []) const [sidebarOpen, setSidebarOpen] = useState(false); return ( @@ -15,7 +17,7 @@ function Account() { {/* Sidebar */} - {/* Content area */} + {/* Content area */}
    {/* Site header */} @@ -30,7 +32,7 @@ function Account() {

    Account Settings ✨

    - {/* Content */} + {/* Content */}
    @@ -42,9 +44,9 @@ function Account() {
    - +
    ); } -export default Account; \ No newline at end of file +export default Account; diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index 6070baf..175e7e4 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -14,7 +14,6 @@ function Sidebar({ const trigger = useRef(null); const sidebar = useRef(null); - const storedSidebarExpanded = localStorage.getItem('sidebar-expanded'); const [sidebarExpanded, setSidebarExpanded] = useState(storedSidebarExpanded === null ? false : storedSidebarExpanded === 'true'); From fbafb94b2b3e64245804b954811d1d6f8d617d35 Mon Sep 17 00:00:00 2001 From: DwCay Date: Thu, 26 May 2022 00:29:58 +0300 Subject: [PATCH 4/4] Removing spaces --- .../GenerateOnboardingSvg/GenerateSvg.js | 10 ------ src/pages/Onboarding3.jsx | 3 +- src/pages/Onboarding4.jsx | 2 -- src/pages/digitalId/Validate.jsx | 34 +++++++++---------- src/pages/digitalId/ValidationLog.jsx | 34 +++++++++---------- 5 files changed, 35 insertions(+), 48 deletions(-) diff --git a/src/images/GenerateOnboardingSvg/GenerateSvg.js b/src/images/GenerateOnboardingSvg/GenerateSvg.js index 1f07e4f..197f836 100644 --- a/src/images/GenerateOnboardingSvg/GenerateSvg.js +++ b/src/images/GenerateOnboardingSvg/GenerateSvg.js @@ -1,7 +1,5 @@ function createBlob(options) { - - let points = []; let slice = (Math.PI * 2) / options.numPoints; let startAngle = 0; @@ -16,7 +14,6 @@ function createBlob(options) { points.push(point); } - let size = points.length; let path = "M" + points[0].x + " " + points[0].y + " C"; @@ -38,8 +35,6 @@ function createBlob(options) { return path + "z"; } - - export var generateSvgAvatar = (function () { return function (seed, raw) { let pubKey = localStorage.getItem('svgKey') || Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16) + Math.floor(Math.random()*65535*65535).toString(16); @@ -70,7 +65,6 @@ export var generateSvgAvatar = (function () { } - let ph = ""; let off = 4 + Number("0x"+pubKey.substring(0,1)); let rotate = 0; @@ -79,9 +73,6 @@ export var generateSvgAvatar = (function () { rotate = rotate + 360/off; } - - - var svg = [ '', '', @@ -98,7 +89,6 @@ export var generateSvgAvatar = (function () { '', '', ].join(''); - // document.getElementById("myImg").src = raw ? svg : 'data:image/svg+xml;base64,' + btoa(svg); return raw ? svg : 'data:image/svg+xml;base64,' + btoa(svg); }; diff --git a/src/pages/Onboarding3.jsx b/src/pages/Onboarding3.jsx index 77824d7..df73ef7 100644 --- a/src/pages/Onboarding3.jsx +++ b/src/pages/Onboarding3.jsx @@ -3,7 +3,6 @@ import { Link } from 'react-router-dom'; import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; import Logo from "../images/logo.png"; - function Onboarding3() { const arrayBadges = ['judge', 'jelly', 'wasp', 'true', 'clog', 'forward', 'talent', 'ozone', 'belive', 'fresh', 'bulk', 'hobby'] return ( @@ -77,7 +76,7 @@ function Onboarding3() { diff --git a/src/pages/Onboarding4.jsx b/src/pages/Onboarding4.jsx index 8fc3b0a..29c11fe 100644 --- a/src/pages/Onboarding4.jsx +++ b/src/pages/Onboarding4.jsx @@ -3,8 +3,6 @@ import { Link } from 'react-router-dom'; import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; import Logo from "../images/logo.png"; - - function Onboarding4() { return (
    diff --git a/src/pages/digitalId/Validate.jsx b/src/pages/digitalId/Validate.jsx index 5ef3b28..7fce233 100644 --- a/src/pages/digitalId/Validate.jsx +++ b/src/pages/digitalId/Validate.jsx @@ -7,29 +7,29 @@ function Validate () { const [sidebarOpen, setSidebarOpen] = useState(false); return ( -
    - {/* Sidebar */} - +
    + {/* Sidebar */} + - {/* Content area */} -
    - {/* Site header */} -
    + {/* Content area */} +
    + {/* Site header */} +
    -
    -
    +
    +
    - {/* Page header */} -
    - {/* Title */} -

    Validate ✨

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

    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 ddcf0dc..a801002 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -7,29 +7,29 @@ function ValidationLog () { const [sidebarOpen, setSidebarOpen] = useState(false); return ( -
    - {/* Sidebar */} - +
    + {/* Sidebar */} + - {/* Content area */} -
    - {/* Site header */} -
    + {/* Content area */} +
    + {/* Site header */} +
    -
    -
    +
    +
    - {/* Page header */} -
    - {/* Title */} -

    Validation log ✨

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

    Validation log ✨

    +
    -
    -
    +
    +
    -
    ) } -export default ValidationLog; \ No newline at end of file +export default ValidationLog;