From 3cd337d589dcb275b11a9d2e1eb9477e2148700d Mon Sep 17 00:00:00 2001 From: DwCay Date: Mon, 30 May 2022 16:23:36 +0300 Subject: [PATCH] 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