From 3cd337d589dcb275b11a9d2e1eb9477e2148700d Mon Sep 17 00:00:00 2001 From: DwCay Date: Mon, 30 May 2022 16:23:36 +0300 Subject: [PATCH 01/11] Removing redundant components --- src/App.jsx | 117 -- src/components/Banner.jsx | 79 -- src/components/Banner2.jsx | 79 -- src/components/DateSelect.jsx | 116 -- src/components/DropdownClassic.jsx | 113 -- src/components/DropdownFull.jsx | 109 -- src/components/DropdownProfile.jsx | 6 +- src/components/DropdownSort.jsx | 90 -- src/components/DropdownSwitch.jsx | 110 -- src/components/DropdownTransaction.jsx | 90 -- src/components/ModalAction.jsx | 80 -- src/components/ModalBasic.jsx | 82 -- src/components/ModalBlank.jsx | 69 - src/components/ModalCookies.jsx | 84 -- src/components/Notification.jsx | 69 - src/components/PaginationClassic.jsx | 23 - src/components/PaginationNumeric.jsx | 45 - src/components/PaginationNumeric2.jsx | 37 - src/components/Toast.jsx | 79 -- src/components/Toast2.jsx | 79 -- src/components/Toast3.jsx | 66 - src/pages/Calendar.jsx | 461 ------- src/pages/Campaigns.jsx | 423 ------ src/pages/Inbox.jsx | 43 - src/pages/Onboarding01.jsx | 135 -- src/pages/Onboarding02.jsx | 145 -- src/pages/Onboarding03.jsx | 133 -- src/pages/Onboarding04.jsx | 101 -- src/pages/Onboarding1.jsx | 2 +- src/pages/Onboarding2.jsx | 4 +- src/pages/Onboarding3.jsx | 2 +- src/pages/Onboarding4.jsx | 6 +- src/pages/ResetPassword.jsx | 73 - src/pages/Signin.jsx | 100 -- src/pages/Signup.jsx | 101 -- src/pages/community/Feed.jsx | 111 -- src/pages/community/Forum.jsx | 86 -- src/pages/community/ForumPost.jsx | 59 - src/pages/community/Meetups.jsx | 104 -- src/pages/community/MeetupsPost.jsx | 431 ------ src/pages/community/Profile.jsx | 43 - src/pages/community/UsersTabs.jsx | 196 --- src/pages/community/UsersTiles.jsx | 196 --- src/pages/component/AlertPage.jsx | 226 ---- src/pages/component/AvatarPage.jsx | 228 ---- src/pages/component/BreadcrumbPage.jsx | 120 -- src/pages/component/DropdownPage.jsx | 123 -- src/pages/component/FormPage.jsx | 384 ------ src/pages/component/IconsPage.jsx | 79 -- src/pages/component/ModalPage.jsx | 575 -------- src/pages/component/PaginationPage.jsx | 75 -- src/pages/component/TabsPage.jsx | 176 --- src/pages/component/TooltipPage.jsx | 203 --- src/pages/ecommerce/Cart.jsx | 100 -- src/pages/ecommerce/Cart2.jsx | 145 -- src/pages/ecommerce/Cart3.jsx | 282 ---- src/pages/ecommerce/Customers.jsx | 84 -- src/pages/ecommerce/Invoices.jsx | 109 -- src/pages/ecommerce/Orders.jsx | 79 -- src/pages/ecommerce/Pay.jsx | 150 --- src/pages/ecommerce/Product.jsx | 577 -------- src/pages/ecommerce/Shop.jsx | 136 -- src/pages/ecommerce/Shop2.jsx | 93 -- src/pages/finance/CreditCards.jsx | 437 ------ src/pages/finance/TransactionDetails.jsx | 107 -- src/pages/finance/Transactions.jsx | 112 -- src/pages/job/CompanyProfile.jsx | 241 ---- src/pages/job/JobListing.jsx | 238 ---- src/pages/job/JobPost.jsx | 279 ---- src/pages/settings/Account.jsx | 52 - src/pages/settings/Apps.jsx | 50 - src/pages/settings/Billing.jsx | 50 - src/pages/settings/Feedback.jsx | 50 - src/pages/settings/Notifications.jsx | 50 - src/pages/settings/Plans.jsx | 50 - src/pages/tasks/TasksKanban.jsx | 110 -- src/pages/tasks/TasksList.jsx | 504 ------- src/pages/utility/Changelog.jsx | 228 ---- src/pages/utility/EmptyState.jsx | 81 -- src/pages/utility/Faqs.jsx | 228 ---- src/pages/utility/KnowledgeBase.jsx | 550 -------- src/pages/utility/PageNotFound.jsx | 49 - src/pages/utility/Roadmap.jsx | 363 ----- src/partials/Sidebar.jsx | 1175 ----------------- src/partials/actions/DeleteButton.jsx | 16 - src/partials/actions/SearchForm.jsx | 24 - .../applications/ApplicationsCard01.jsx | 103 -- .../applications/ApplicationsCard02.jsx | 35 - .../applications/ApplicationsCard03.jsx | 66 - src/partials/campaigns/CampaignsCard.jsx | 99 -- src/partials/community/FeedLeftContent.jsx | 113 -- src/partials/community/FeedPosts.jsx | 384 ------ src/partials/community/FeedRightContent.jsx | 240 ---- src/partials/community/ForumEntries.jsx | 427 ------ src/partials/community/ForumEntry.jsx | 431 ------ src/partials/community/ForumLeftContent.jsx | 97 -- .../community/ForumPostRightContent.jsx | 121 -- src/partials/community/ForumRightContent.jsx | 286 ---- src/partials/community/MeetupsPosts.jsx | 582 -------- src/partials/community/ProfileBody.jsx | 343 ----- src/partials/community/ProfileSidebar.jsx | 161 --- src/partials/community/UsersTabsCard.jsx | 65 - src/partials/community/UsersTilesCard.jsx | 75 -- src/partials/customers/CustomersTable.jsx | 255 ---- src/partials/customers/CustomersTableItem.jsx | 64 - src/partials/ecommerce/CartItems.jsx | 206 --- src/partials/ecommerce/ShopCards01.jsx | 390 ------ src/partials/ecommerce/ShopCards02.jsx | 191 --- src/partials/ecommerce/ShopCards03.jsx | 206 --- src/partials/ecommerce/ShopCards04.jsx | 202 --- src/partials/ecommerce/ShopCards05.jsx | 85 -- src/partials/ecommerce/ShopCards06.jsx | 66 - src/partials/ecommerce/ShopCards07.jsx | 972 -------------- src/partials/ecommerce/ShopSidebar.jsx | 181 --- src/partials/finance/TransactionPanel.jsx | 141 -- src/partials/finance/TransactionsTable.jsx | 188 --- src/partials/finance/TransactionsTable02.jsx | 190 --- .../finance/TransactionsTableItem.jsx | 58 - .../finance/TransactionsTableItem02.jsx | 58 - src/partials/inbox/InboxBody.jsx | 167 --- src/partials/inbox/InboxSidebar.jsx | 155 --- src/partials/inbox/Mail.jsx | 47 - src/partials/invoices/InvoicesTable.jsx | 219 --- src/partials/invoices/InvoicesTableItem.jsx | 109 -- src/partials/job/JobListItem.jsx | 46 - src/partials/job/JobSidebar.jsx | 160 --- src/partials/orders/OrdersTable.jsx | 257 ---- src/partials/orders/OrdersTableItem.jsx | 114 -- src/partials/settings/AccountPanel.jsx | 91 -- src/partials/settings/AppsPanel.jsx | 374 ------ src/partials/settings/BillingPanel.jsx | 147 --- src/partials/settings/FeedbackPanel.jsx | 78 -- src/partials/settings/NotificationsPanel.jsx | 133 -- src/partials/settings/PlansPanel.jsx | 273 ---- src/partials/settings/SettingsSidebar.jsx | 75 -- src/partials/tasks/Task01.jsx | 57 - src/partials/tasks/Task02.jsx | 52 - src/partials/tasks/Task03.jsx | 46 - src/partials/tasks/Task04.jsx | 63 - src/partials/tasks/Task05.jsx | 52 - src/partials/tasks/Task06.jsx | 51 - src/partials/tasks/Task07.jsx | 57 - src/partials/tasks/Task08.jsx | 57 - src/partials/tasks/Task09.jsx | 61 - src/partials/tasks/TasksGroups.jsx | 28 - 145 files changed, 10 insertions(+), 23605 deletions(-) delete mode 100644 src/components/Banner.jsx delete mode 100644 src/components/Banner2.jsx delete mode 100644 src/components/DateSelect.jsx delete mode 100644 src/components/DropdownClassic.jsx delete mode 100644 src/components/DropdownFull.jsx delete mode 100644 src/components/DropdownSort.jsx delete mode 100644 src/components/DropdownSwitch.jsx delete mode 100644 src/components/DropdownTransaction.jsx delete mode 100644 src/components/ModalAction.jsx delete mode 100644 src/components/ModalBasic.jsx delete mode 100644 src/components/ModalBlank.jsx delete mode 100644 src/components/ModalCookies.jsx delete mode 100644 src/components/Notification.jsx delete mode 100644 src/components/PaginationClassic.jsx delete mode 100644 src/components/PaginationNumeric.jsx delete mode 100644 src/components/PaginationNumeric2.jsx delete mode 100644 src/components/Toast.jsx delete mode 100644 src/components/Toast2.jsx delete mode 100644 src/components/Toast3.jsx delete mode 100644 src/pages/Calendar.jsx delete mode 100644 src/pages/Campaigns.jsx delete mode 100644 src/pages/Inbox.jsx delete mode 100644 src/pages/Onboarding01.jsx delete mode 100644 src/pages/Onboarding02.jsx delete mode 100644 src/pages/Onboarding03.jsx delete mode 100644 src/pages/Onboarding04.jsx delete mode 100644 src/pages/ResetPassword.jsx delete mode 100644 src/pages/Signin.jsx delete mode 100644 src/pages/Signup.jsx delete mode 100644 src/pages/community/Feed.jsx delete mode 100644 src/pages/community/Forum.jsx delete mode 100644 src/pages/community/ForumPost.jsx delete mode 100644 src/pages/community/Meetups.jsx delete mode 100644 src/pages/community/MeetupsPost.jsx delete mode 100644 src/pages/community/Profile.jsx delete mode 100644 src/pages/community/UsersTabs.jsx delete mode 100644 src/pages/community/UsersTiles.jsx delete mode 100644 src/pages/component/AlertPage.jsx delete mode 100644 src/pages/component/AvatarPage.jsx delete mode 100644 src/pages/component/BreadcrumbPage.jsx delete mode 100644 src/pages/component/DropdownPage.jsx delete mode 100644 src/pages/component/FormPage.jsx delete mode 100644 src/pages/component/IconsPage.jsx delete mode 100644 src/pages/component/ModalPage.jsx delete mode 100644 src/pages/component/PaginationPage.jsx delete mode 100644 src/pages/component/TabsPage.jsx delete mode 100644 src/pages/component/TooltipPage.jsx delete mode 100644 src/pages/ecommerce/Cart.jsx delete mode 100644 src/pages/ecommerce/Cart2.jsx delete mode 100644 src/pages/ecommerce/Cart3.jsx delete mode 100644 src/pages/ecommerce/Customers.jsx delete mode 100644 src/pages/ecommerce/Invoices.jsx delete mode 100644 src/pages/ecommerce/Orders.jsx delete mode 100644 src/pages/ecommerce/Pay.jsx delete mode 100644 src/pages/ecommerce/Product.jsx delete mode 100644 src/pages/ecommerce/Shop.jsx delete mode 100644 src/pages/ecommerce/Shop2.jsx delete mode 100644 src/pages/finance/CreditCards.jsx delete mode 100644 src/pages/finance/TransactionDetails.jsx delete mode 100644 src/pages/finance/Transactions.jsx delete mode 100644 src/pages/job/CompanyProfile.jsx delete mode 100644 src/pages/job/JobListing.jsx delete mode 100644 src/pages/job/JobPost.jsx delete mode 100644 src/pages/settings/Account.jsx delete mode 100644 src/pages/settings/Apps.jsx delete mode 100644 src/pages/settings/Billing.jsx delete mode 100644 src/pages/settings/Feedback.jsx delete mode 100644 src/pages/settings/Notifications.jsx delete mode 100644 src/pages/settings/Plans.jsx delete mode 100644 src/pages/tasks/TasksKanban.jsx delete mode 100644 src/pages/tasks/TasksList.jsx delete mode 100644 src/pages/utility/Changelog.jsx delete mode 100644 src/pages/utility/EmptyState.jsx delete mode 100644 src/pages/utility/Faqs.jsx delete mode 100644 src/pages/utility/KnowledgeBase.jsx delete mode 100644 src/pages/utility/PageNotFound.jsx delete mode 100644 src/pages/utility/Roadmap.jsx delete mode 100644 src/partials/actions/DeleteButton.jsx delete mode 100644 src/partials/actions/SearchForm.jsx delete mode 100644 src/partials/applications/ApplicationsCard01.jsx delete mode 100644 src/partials/applications/ApplicationsCard02.jsx delete mode 100644 src/partials/applications/ApplicationsCard03.jsx delete mode 100644 src/partials/campaigns/CampaignsCard.jsx delete mode 100644 src/partials/community/FeedLeftContent.jsx delete mode 100644 src/partials/community/FeedPosts.jsx delete mode 100644 src/partials/community/FeedRightContent.jsx delete mode 100644 src/partials/community/ForumEntries.jsx delete mode 100644 src/partials/community/ForumEntry.jsx delete mode 100644 src/partials/community/ForumLeftContent.jsx delete mode 100644 src/partials/community/ForumPostRightContent.jsx delete mode 100644 src/partials/community/ForumRightContent.jsx delete mode 100644 src/partials/community/MeetupsPosts.jsx delete mode 100644 src/partials/community/ProfileBody.jsx delete mode 100644 src/partials/community/ProfileSidebar.jsx delete mode 100644 src/partials/community/UsersTabsCard.jsx delete mode 100644 src/partials/community/UsersTilesCard.jsx delete mode 100644 src/partials/customers/CustomersTable.jsx delete mode 100644 src/partials/customers/CustomersTableItem.jsx delete mode 100644 src/partials/ecommerce/CartItems.jsx delete mode 100644 src/partials/ecommerce/ShopCards01.jsx delete mode 100644 src/partials/ecommerce/ShopCards02.jsx delete mode 100644 src/partials/ecommerce/ShopCards03.jsx delete mode 100644 src/partials/ecommerce/ShopCards04.jsx delete mode 100644 src/partials/ecommerce/ShopCards05.jsx delete mode 100644 src/partials/ecommerce/ShopCards06.jsx delete mode 100644 src/partials/ecommerce/ShopCards07.jsx delete mode 100644 src/partials/ecommerce/ShopSidebar.jsx delete mode 100644 src/partials/finance/TransactionPanel.jsx delete mode 100644 src/partials/finance/TransactionsTable.jsx delete mode 100644 src/partials/finance/TransactionsTable02.jsx delete mode 100644 src/partials/finance/TransactionsTableItem.jsx delete mode 100644 src/partials/finance/TransactionsTableItem02.jsx delete mode 100644 src/partials/inbox/InboxBody.jsx delete mode 100644 src/partials/inbox/InboxSidebar.jsx delete mode 100644 src/partials/inbox/Mail.jsx delete mode 100644 src/partials/invoices/InvoicesTable.jsx delete mode 100644 src/partials/invoices/InvoicesTableItem.jsx delete mode 100644 src/partials/job/JobListItem.jsx delete mode 100644 src/partials/job/JobSidebar.jsx delete mode 100644 src/partials/orders/OrdersTable.jsx delete mode 100644 src/partials/orders/OrdersTableItem.jsx delete mode 100644 src/partials/settings/AccountPanel.jsx delete mode 100644 src/partials/settings/AppsPanel.jsx delete mode 100644 src/partials/settings/BillingPanel.jsx delete mode 100644 src/partials/settings/FeedbackPanel.jsx delete mode 100644 src/partials/settings/NotificationsPanel.jsx delete mode 100644 src/partials/settings/PlansPanel.jsx delete mode 100644 src/partials/settings/SettingsSidebar.jsx delete mode 100644 src/partials/tasks/Task01.jsx delete mode 100644 src/partials/tasks/Task02.jsx delete mode 100644 src/partials/tasks/Task03.jsx delete mode 100644 src/partials/tasks/Task04.jsx delete mode 100644 src/partials/tasks/Task05.jsx delete mode 100644 src/partials/tasks/Task06.jsx delete mode 100644 src/partials/tasks/Task07.jsx delete mode 100644 src/partials/tasks/Task08.jsx delete mode 100644 src/partials/tasks/Task09.jsx delete mode 100644 src/partials/tasks/TasksGroups.jsx diff --git a/src/App.jsx b/src/App.jsx index 45e45fe..30805ef 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -17,68 +17,10 @@ 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'; -import Shop from './pages/ecommerce/Shop'; -import Shop2 from './pages/ecommerce/Shop2'; -import Product from './pages/ecommerce/Product'; -import Cart from './pages/ecommerce/Cart'; -import Cart2 from './pages/ecommerce/Cart2'; -import Cart3 from './pages/ecommerce/Cart3'; -import Pay from './pages/ecommerce/Pay'; -import Campaigns from './pages/Campaigns'; -import UsersTabs from './pages/community/UsersTabs'; -import UsersTiles from './pages/community/UsersTiles'; -import Profile from './pages/community/Profile'; -import Feed from './pages/community/Feed'; -import Forum from './pages/community/Forum'; -import ForumPost from './pages/community/ForumPost'; -import Meetups from './pages/community/Meetups'; -import MeetupsPost from './pages/community/MeetupsPost'; -import CreditCards from './pages/finance/CreditCards'; -import Transactions from './pages/finance/Transactions'; -import TransactionDetails from './pages/finance/TransactionDetails'; -import JobListing from './pages/job/JobListing'; -import JobPost from './pages/job/JobPost'; -import CompanyProfile from './pages/job/CompanyProfile'; import Messages from './pages/Messages'; -import TasksKanban from './pages/tasks/TasksKanban'; -import TasksList from './pages/tasks/TasksList'; -import Inbox from './pages/Inbox'; -import Calendar from './pages/Calendar'; -import Account from './pages/settings/Account'; -import Notifications from './pages/settings/Notifications'; -import Apps from './pages/settings/Apps'; -import Plans from './pages/settings/Plans'; -import Billing from './pages/settings/Billing'; -import Feedback from './pages/settings/Feedback'; -import Changelog from './pages/utility/Changelog'; -import Roadmap from './pages/utility/Roadmap'; -import Faqs from './pages/utility/Faqs'; -import EmptyState from './pages/utility/EmptyState'; -import PageNotFound from './pages/utility/PageNotFound'; -import KnowledgeBase from './pages/utility/KnowledgeBase'; -import Signin from './pages/Signin'; -import Signup from './pages/Signup'; -import ResetPassword from './pages/ResetPassword'; -import Onboarding01 from './pages/Onboarding01'; -import Onboarding02 from './pages/Onboarding02'; -import Onboarding03 from './pages/Onboarding03'; -import Onboarding04 from './pages/Onboarding04'; import ButtonPage from './pages/component/ButtonPage'; -import FormPage from './pages/component/FormPage'; -import DropdownPage from './pages/component/DropdownPage'; -import AlertPage from './pages/component/AlertPage'; -import ModalPage from './pages/component/ModalPage'; -import PaginationPage from './pages/component/PaginationPage'; -import TabsPage from './pages/component/TabsPage'; -import BreadcrumbPage from './pages/component/BreadcrumbPage'; import BadgePage from './pages/component/BadgePage'; -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"; @@ -104,73 +46,14 @@ function App() { } /> } /> } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> } /> } /> } /> } /> } /> - } /> - } /> - } /> - } /> - } /> - } /> - } /> } /> - } /> - } /> } /> - } /> - } /> ); diff --git a/src/components/Banner.jsx b/src/components/Banner.jsx deleted file mode 100644 index 19e78e9..0000000 --- a/src/components/Banner.jsx +++ /dev/null @@ -1,79 +0,0 @@ -import React from 'react'; - -function Banner({ - children, - className, - type, - open, - setOpen -}) { - - const typeIcon = (type) => { - switch (type) { - case 'warning': - return ( - - - - ); - case 'error': - return ( - - - - ); - case 'success': - return ( - - - - ); - default: - return ( - - - - ); - } - }; - - const typeColor = (type) => { - switch (type) { - case 'warning': - return 'bg-amber-500'; - case 'error': - return 'bg-rose-500'; - case 'success': - return 'bg-emerald-500'; - default: - return 'bg-indigo-500'; - } - }; - - return ( - <> - {open && -
-
-
-
- {typeIcon(type)} -
- {children} -
-
- -
-
-
- } - - ); -} - -export default Banner; diff --git a/src/components/Banner2.jsx b/src/components/Banner2.jsx deleted file mode 100644 index ffe88ce..0000000 --- a/src/components/Banner2.jsx +++ /dev/null @@ -1,79 +0,0 @@ -import React from 'react'; - -function Banner2({ - children, - className, - type, - open, - setOpen -}) { - - const typeIcon = (type) => { - switch (type) { - case 'warning': - return ( - - - - ); - case 'error': - return ( - - - - ); - case 'success': - return ( - - - - ); - default: - return ( - - - - ); - } - }; - - const typeColor = (type) => { - switch (type) { - case 'warning': - return 'bg-amber-100 border-amber-200 text-amber-600'; - case 'error': - return 'bg-rose-100 border-rose-200 text-rose-600'; - case 'success': - return 'bg-emerald-100 border-emerald-200 text-emerald-600'; - default: - return 'bg-indigo-100 border-indigo-200 text-indigo-500'; - } - }; - - return ( - <> - {open && -
-
-
-
- {typeIcon(type)} -
- {children} -
-
- -
-
-
- } - - ); -} - -export default Banner2; diff --git a/src/components/DateSelect.jsx b/src/components/DateSelect.jsx deleted file mode 100644 index cd86a69..0000000 --- a/src/components/DateSelect.jsx +++ /dev/null @@ -1,116 +0,0 @@ -import React, { useState, useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -function DateSelect() { - - const options = [ - { - id: 0, - period: 'Today' - }, - { - id: 1, - period: 'Last 7 Days' - }, - { - id: 2, - period: 'Last Month' - }, - { - id: 3, - period: 'Last 12 Months' - }, - { - id: 4, - period: 'All Time' - } - ]; - - const [dropdownOpen, setDropdownOpen] = useState(false); - const [selected, setSelected] = useState(2); - - const trigger = useRef(null); - const dropdown = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!dropdown.current) return; - if (!dropdownOpen || dropdown.current.contains(target) || trigger.current.contains(target)) return; - setDropdownOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!dropdownOpen || keyCode !== 27) return; - setDropdownOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( -
- - -
setDropdownOpen(true)} - onBlur={() => setDropdownOpen(false)} - > - { - options.map(option => { - return ( - - ) - }) - } -
- -
- ); -} - -export default DateSelect; diff --git a/src/components/DropdownClassic.jsx b/src/components/DropdownClassic.jsx deleted file mode 100644 index 0e90187..0000000 --- a/src/components/DropdownClassic.jsx +++ /dev/null @@ -1,113 +0,0 @@ -import React, { useState, useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -function DropdownClassic() { - - const options = [ - { - id: 0, - period: 'Today' - }, - { - id: 1, - period: 'Last 7 Days' - }, - { - id: 2, - period: 'Last Month' - }, - { - id: 3, - period: 'Last 12 Months' - }, - { - id: 4, - period: 'All Time' - } - ]; - - const [dropdownOpen, setDropdownOpen] = useState(false); - const [selected, setSelected] = useState(2); - - const trigger = useRef(null); - const dropdown = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!dropdown.current) return; - if (!dropdownOpen || dropdown.current.contains(target) || trigger.current.contains(target)) return; - setDropdownOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!dropdownOpen || keyCode !== 27) return; - setDropdownOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( -
- - -
setDropdownOpen(true)} - onBlur={() => setDropdownOpen(false)} - > - { - options.map(option => { - return ( - - ) - }) - } -
- -
- ); -} - -export default DropdownClassic; diff --git a/src/components/DropdownFull.jsx b/src/components/DropdownFull.jsx deleted file mode 100644 index 572e660..0000000 --- a/src/components/DropdownFull.jsx +++ /dev/null @@ -1,109 +0,0 @@ -import React, { useState, useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -function DropdownFull() { - - const options = [ - { - id: 0, - period: 'Most Popular' - }, - { - id: 1, - period: 'Newest' - }, - { - id: 2, - period: 'Lowest Price' - }, - { - id: 3, - period: 'Highest Price' - } - ]; - - const [dropdownOpen, setDropdownOpen] = useState(false); - const [selected, setSelected] = useState(0); - - const trigger = useRef(null); - const dropdown = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!dropdown.current) return; - if (!dropdownOpen || dropdown.current.contains(target) || trigger.current.contains(target)) return; - setDropdownOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!dropdownOpen || keyCode !== 27) return; - setDropdownOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( -
- - -
setDropdownOpen(true)} - onBlur={() => setDropdownOpen(false)} - > - { - options.map(option => { - return ( - - ) - }) - } -
- -
- ); -} - -export default DropdownFull; diff --git a/src/components/DropdownProfile.jsx b/src/components/DropdownProfile.jsx index 4332b2d..832071f 100644 --- a/src/components/DropdownProfile.jsx +++ b/src/components/DropdownProfile.jsx @@ -75,7 +75,7 @@ function DropdownProfile({
  • setDropdownOpen(!dropdownOpen)} > Settings @@ -84,7 +84,7 @@ function DropdownProfile({
  • setDropdownOpen(!dropdownOpen)} > Sign Out @@ -97,4 +97,4 @@ function DropdownProfile({ ) } -export default DropdownProfile; \ No newline at end of file +export default DropdownProfile; diff --git a/src/components/DropdownSort.jsx b/src/components/DropdownSort.jsx deleted file mode 100644 index b509413..0000000 --- a/src/components/DropdownSort.jsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -function DropdownSort({ - align -}) { - - const [dropdownOpen, setDropdownOpen] = useState(false); - - const trigger = useRef(null); - const dropdown = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!dropdown.current) return; - if (!dropdownOpen || dropdown.current.contains(target) || trigger.current.contains(target)) return; - setDropdownOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!dropdownOpen || keyCode !== 27) return; - setDropdownOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( -
    - - - -
    setDropdownOpen(true)} onBlur={() => setDropdownOpen(false)}> - -
    -     -
    - ); -} - -export default DropdownSort; \ No newline at end of file diff --git a/src/components/DropdownSwitch.jsx b/src/components/DropdownSwitch.jsx deleted file mode 100644 index 8b64960..0000000 --- a/src/components/DropdownSwitch.jsx +++ /dev/null @@ -1,110 +0,0 @@ -import React, { useState, useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -import DropdownImage from '../images/user-avatar-32.png'; -import DropdownImage01 from '../images/channel-01.png'; -import DropdownImage02 from '../images/channel-02.png'; -import DropdownImage03 from '../images/channel-03.png'; - -function DropdownSwitch({ - align -}) { - - const [dropdownOpen, setDropdownOpen] = useState(false); - - const trigger = useRef(null); - const dropdown = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!dropdown.current) return; - if (!dropdownOpen || dropdown.current.contains(target) || trigger.current.contains(target)) return; - setDropdownOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!dropdownOpen || keyCode !== 27) return; - setDropdownOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( -
    - - - - -
    - ) -} - -export default DropdownSwitch; \ No newline at end of file diff --git a/src/components/DropdownTransaction.jsx b/src/components/DropdownTransaction.jsx deleted file mode 100644 index 0b77c3c..0000000 --- a/src/components/DropdownTransaction.jsx +++ /dev/null @@ -1,90 +0,0 @@ -import React, { useState, useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -function DropdownTransaction({ - align -}) { - - const [dropdownOpen, setDropdownOpen] = useState(false); - - const trigger = useRef(null); - const dropdown = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!dropdown.current) return; - if (!dropdownOpen || dropdown.current.contains(target) || trigger.current.contains(target)) return; - setDropdownOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!dropdownOpen || keyCode !== 27) return; - setDropdownOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( -
    - - - -
    setDropdownOpen(true)} onBlur={() => setDropdownOpen(false)}> - -
    -     -
    - ); -} - -export default DropdownTransaction; \ No newline at end of file diff --git a/src/components/ModalAction.jsx b/src/components/ModalAction.jsx deleted file mode 100644 index 40229c3..0000000 --- a/src/components/ModalAction.jsx +++ /dev/null @@ -1,80 +0,0 @@ -import React, { useRef, useEffect } from 'react'; -import Transition from '../utils/Transition'; - -function ModalAction({ - children, - id, - modalOpen, - setModalOpen -}) { - - const modalContent = useRef(null); - - // close on click outside - useEffect(() => { - const clickHandler = ({ target }) => { - if (!modalOpen || modalContent.current.contains(target)) return - setModalOpen(false); - }; - document.addEventListener('click', clickHandler); - return () => document.removeEventListener('click', clickHandler); - }); - - // close if the esc key is pressed - useEffect(() => { - const keyHandler = ({ keyCode }) => { - if (!modalOpen || keyCode !== 27) return; - setModalOpen(false); - }; - document.addEventListener('keydown', keyHandler); - return () => document.removeEventListener('keydown', keyHandler); - }); - - return ( - <> - {/* Modal backdrop */} -
    • - {/* 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 bc71ea6cb97b4a1c5b2d1ded5bd82cb66441ee84 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 31 May 2022 15:55:54 +0300 Subject: [PATCH 02/11] 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 4179cd703d740569537880b3a9906d12d97c92a1 Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 15:59:34 +0300 Subject: [PATCH 03/11] 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 d86c118b2129ec0f4d1f4aa9296f469e50a676db Mon Sep 17 00:00:00 2001 From: Daria Golova Date: Thu, 26 May 2022 18:05:07 +0300 Subject: [PATCH 04/11] 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 05/11] 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 06/11] 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 07/11] 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 08/11] 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 09/11] 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 10/11] 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 11/11] 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 () {
      -
      )