diff --git a/src/App.jsx b/src/App.jsx index 45e45fe..3137f83 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -17,72 +17,18 @@ 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"; import Onboarding4 from "./pages/Onboarding4"; +import SharedData from "./pages/SharedData"; +import ResetPassword from "./pages/ResetPassword"; +import Signup from "./pages/Signup"; +import Signin from "./pages/Signin"; function App() { @@ -104,73 +50,18 @@ 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..6d40198 100644 --- a/src/components/DropdownProfile.jsx +++ b/src/components/DropdownProfile.jsx @@ -43,7 +43,7 @@ function DropdownProfile({ onClick={() => setDropdownOpen(!dropdownOpen)} aria-expanded={dropdownOpen} > - User + User
Acme Inc. @@ -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 */} -
    • diff --git a/src/pages/ResetPassword.jsx b/src/pages/ResetPassword.jsx index 43463e7..d7223d0 100644 --- a/src/pages/ResetPassword.jsx +++ b/src/pages/ResetPassword.jsx @@ -70,4 +70,4 @@ function ResetPassword() { ); } -export default ResetPassword; \ No newline at end of file +export default ResetPassword; diff --git a/src/pages/SharedData.jsx b/src/pages/SharedData.jsx new file mode 100644 index 0000000..db8fc56 --- /dev/null +++ b/src/pages/SharedData.jsx @@ -0,0 +1,105 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import {generateSvgAvatar} from "../images/GenerateOnboardingSvg/GenerateSvg"; +import User06 from "../images/user-28-06.jpg"; +import User08 from "../images/user-28-08.jpg"; +import User09 from "../images/user-28-09.jpg"; +import SharedDataRoadMap from "../partials/shareddata/SharedDataRoadmap"; + +function SharedData() { + + const sharedDataItems = { + data: localStorage.getItem('digitalId'), + items: [ + { + dataShared: localStorage.getItem('digitalId'), + id: '923', + text: 'United Kindom', + typeItem: 'Residence', + usersImges: [ + { + size: 32, + img: User06, + imgId: "90" + }, + { + size: 32, + img: User08, + imgId: "93" + }, + { + size: 32, + img: User09, + imgId: "89" + }, + ], + }, + { + dataShared: localStorage.getItem('digitalId'), + id: '401', + text: 'A123B3143', + typeItem: 'Document ID', + usersImges: [ + { + size: 32, + img: User06, + imgId: "67" + }, + { + size: 32, + img: User08, + imgId: "71" + }, + ], + }, + ] + }; + + function saveDigitalId() { + localStorage.setItem('svgAvatar', generateSvgAvatar()) + } + return ( +
    + +
    + + {/* Content */} +
    + +
    + +
    +
    +

    Shared data ✨

    +
      + {sharedDataItems.items.map(item => { + return( +
    • + +
      • + ); + })} +
    +
    +
    + +
    + +
    + + {/* Image */} + + +
    + +
    + ); +} + +export default SharedData; diff --git a/src/pages/Signup.jsx b/src/pages/Signup.jsx index 090adee..852badb 100644 --- a/src/pages/Signup.jsx +++ b/src/pages/Signup.jsx @@ -98,4 +98,4 @@ function Signup() { ); } -export default Signup; \ No newline at end of file +export default Signup; diff --git a/src/pages/community/Feed.jsx b/src/pages/community/Feed.jsx deleted file mode 100644 index afd34bf..0000000 --- a/src/pages/community/Feed.jsx +++ /dev/null @@ -1,111 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import FeedLeftContent from '../../partials/community/FeedLeftContent'; -import FeedPosts from '../../partials/community/FeedPosts'; -import FeedRightContent from '../../partials/community/FeedRightContent'; - -import Avatar from '../../images/user-40-02.jpg'; - -function Feed() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - {/* Sidebar */} - - - {/* Content area */} -
    - {/* Site header */} -
    - -
    -
    - -
    - - {/* Left + Middle content */} -
    - - {/* Left content */} - - - {/* Middle content */} -
    -
    - - {/* Blocks */} -
    - - {/* Post Block */} -
    -
    - User 02 -
    - - -
    -
    -
    -
    - - - -
    -
    - -
    -
    -
    - - {/* Posts */} - - -
    - -
    -
    - -
    - - {/* Right content */} - - -
    - -
    -
    - -
    -
    - ); -} - -export default Feed; \ No newline at end of file diff --git a/src/pages/community/Forum.jsx b/src/pages/community/Forum.jsx deleted file mode 100644 index ccd1cb3..0000000 --- a/src/pages/community/Forum.jsx +++ /dev/null @@ -1,86 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import ForumLeftContent from '../../partials/community/ForumLeftContent'; -import ForumEntries from '../../partials/community/ForumEntries'; -import ForumRightContent from '../../partials/community/ForumRightContent'; - -import Avatar from '../../images/user-40-02.jpg'; - -function Forum() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - {/* Sidebar */} - - - {/* Content area */} -
    - {/* Site header */} -
    - -
    -
    - -
    - - {/* Left + Middle content */} -
    - - {/* Left content */} - - - {/* Middle content */} -
    -
    - - {/* Buttons group */} -
    -
    - - - -
    -
    - - {/* Forum Entries */} -
    - -
    - - {/* Pagination */} -
    - -
    - -
    -
    - -
    - - {/* Right content */} - - -
    - -
    -
    - -
    -
    - ); -} - -export default Forum; \ No newline at end of file diff --git a/src/pages/community/ForumPost.jsx b/src/pages/community/ForumPost.jsx deleted file mode 100644 index 0e77e5d..0000000 --- a/src/pages/community/ForumPost.jsx +++ /dev/null @@ -1,59 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import ForumLeftContent from '../../partials/community/ForumLeftContent'; -import ForumEntry from '../../partials/community/ForumEntry'; -import ForumRightContent from '../../partials/community/ForumPostRightContent'; - -function ForumPost() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - {/* Sidebar */} - - - {/* Content area */} -
    - {/* Site header */} -
    - -
    -
    - -
    - - {/* Left + Middle content */} -
    - - {/* Left content */} - - - {/* Middle content */} -
    -
    - - {/* Forum entry */} - - -
    -
    - -
    - - {/* Right content */} - - -
    - -
    -
    - -
    -
    - ); -} - -export default ForumPost; \ No newline at end of file diff --git a/src/pages/community/Meetups.jsx b/src/pages/community/Meetups.jsx deleted file mode 100644 index 0a4a8fe..0000000 --- a/src/pages/community/Meetups.jsx +++ /dev/null @@ -1,104 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SearchForm from '../../partials/actions/SearchForm'; -import MeetupsPosts from '../../partials/community/MeetupsPosts'; -import PaginationNumeric from '../../components/PaginationNumeric'; - -function Meetups() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    - - {/* Left: Title */} -
    -

    Discover Meetups ✨

    -
    - - {/* Right: Actions */} -
    - - {/* Search form */} - - - {/* Add meetup button */} - - -
    - -
    - - {/* Filters */} -
    -
      -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    • - -
      • -
    -
    -
    289 Meetups
    - - {/* Content */} - - - {/* Pagination */} -
    - -
    -
    -
    -
    -
    - ); -} - -export default Meetups; \ No newline at end of file diff --git a/src/pages/community/MeetupsPost.jsx b/src/pages/community/MeetupsPost.jsx deleted file mode 100644 index 730b7a8..0000000 --- a/src/pages/community/MeetupsPost.jsx +++ /dev/null @@ -1,431 +0,0 @@ -import React, { useState } from 'react'; -import { Link } from 'react-router-dom'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import MeetupImage from '../../images/meetup-image.jpg'; -import MeetupPhoto01 from '../../images/meetup-photo-01.jpg'; -import MeetupPhoto02 from '../../images/meetup-photo-02.jpg'; -import MeetupPhoto03 from '../../images/meetup-photo-03.jpg'; -import MeetupThumb from '../../images/meetups-thumb-02.jpg'; -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'; -import UserImage08 from '../../images/user-32-08.jpg'; -import Avatar02 from '../../images/avatar-02.jpg'; -import Avatar03 from '../../images/avatar-03.jpg'; -import Avatar04 from '../../images/avatar-04.jpg'; - -function MeetupsPost() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - {/* Site header */} -
    - -
    -
    - {/* Page content */} -
    - {/* Content */} -
    -
    - - - - - Back To Meetups - -
    -
    Mon 27 Dec, 2021 - 9:00 PM -> 10:00 PM
    -
    - {/* Title */} -

    The World of AI and Machine Learning — Open Chat

    -

    Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts.

    -
    - - {/* Meta */} -
    - {/* Author */} -
    - - User 04 - -
    - Hosted by{' '} - - Monica Fishkin - -
    -
    - {/* Right side */} -
    - {/* Tags */} -
    - - - - Online Event -
    -
    - Free -
    -
    -
    - - {/* Image */} -
    - Meetup -
    - - {/* Post content */} -
    -

    Meetup Details

    -

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

    -

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

    -

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

    -
    -
    - - {/* Photos */} -
    -

    Photos (3)

    - -
    - -
    - - {/* Comments */} -
    -

    Comments (3)

    -
      - {/* Comment */} -
    • - - User 07 - -
      -
      Taylor Nieman
      -
      - “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam.” -
      -
      -
      • - {/* Comment */} -
    • - - User 08 - -
      -
      Meagan Loyst
      -
      - “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam.” -
      -
      -
      • - {/* Comment */} -
    • - - User 02 - -
      -
      Frank Malik
      -
      - “Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam.” -
      -
      -
      • -
    -
    - -
    - - {/* Similar Meetups */} -
    -

    Similar Meetups

    -
    - {/* Related item */} - -
    -
    -
    - - {/* Sidebar */} -
    - {/* 1st block */} -
    -
    - - -
    -
    - - {/* 2nd block */} -
    -
    -
    Attendees (127)
    - - View All - -
    -
      -
    • -
      -
      -
      - User 08 -
      -
      - Carolyn McNeail -
      -
      - -
      -
      • -
    • -
      -
      -
      - User 01 -
      -
      - Dominik Lamakani -
      -
      - -
      -
      • -
    • -
      -
      -
      - User 03 -
      -
      - Ivan Mesaros -
      -
      - -
      -
      • -
    • -
      -
      -
      - User 05 -
      -
      - Maria Martinez -
      -
      - -
      -
      • -
    -
    - - {/* 3rd block */} -
    -
    -
    Invite Friends
    - - View All - -
    -
      -
    • -
      -
      -
      - User 02 -
      -
      - Haruki Masuno -
      -
      - -
      -
      • -
    • -
      -
      -
      - User 04 -
      -
      - Joe Huang -
      -
      - -
      -
      • -
    • -
      -
      -
      - User 06 -
      -
      - Carolyn McNeail -
      -
      - -
      -
      • -
    • -
      -
      -
      - User 08 -
      -
      - Lisa Sitwala -
      -
      - -
      -
      • -
    -
    -
    -
    -
    -
    -
    -
    - ); -} - -export default MeetupsPost; \ No newline at end of file diff --git a/src/pages/community/Profile.jsx b/src/pages/community/Profile.jsx deleted file mode 100644 index 20510d4..0000000 --- a/src/pages/community/Profile.jsx +++ /dev/null @@ -1,43 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import ProfileSidebar from '../../partials/community/ProfileSidebar'; -import ProfileBody from '../../partials/community/ProfileBody'; - -function Profile() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [profileSidebarOpen, setProfileSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Profile sidebar */} - - - {/* Profile body */} - - -
    -
    - -
    - -
    - ); -} - -export default Profile; \ No newline at end of file diff --git a/src/pages/community/UsersTabs.jsx b/src/pages/community/UsersTabs.jsx deleted file mode 100644 index eef2633..0000000 --- a/src/pages/community/UsersTabs.jsx +++ /dev/null @@ -1,196 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SearchForm from '../../partials/actions/SearchForm'; -import UsersTabsCard from '../../partials/community/UsersTabsCard'; -import PaginationNumeric from '../../components/PaginationNumeric'; - -import Image01 from '../../images/user-64-01.jpg'; -import Image02 from '../../images/user-64-02.jpg'; -import Image03 from '../../images/user-64-03.jpg'; -import Image04 from '../../images/user-64-04.jpg'; -import Image05 from '../../images/user-64-05.jpg'; -import Image06 from '../../images/user-64-06.jpg'; -import Image07 from '../../images/user-64-07.jpg'; -import Image08 from '../../images/user-64-08.jpg'; -import Image09 from '../../images/user-64-09.jpg'; -import Image10 from '../../images/user-64-10.jpg'; -import Image11 from '../../images/user-64-11.jpg'; -import Image12 from '../../images/user-64-12.jpg'; - -function UsersTabs() { - - const items = [ - { - id: 0, - name: 'Dominik McNeail', - image: Image01, - link: '#0', - location: '🇮🇹', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 1, - name: 'Ivan Mesaros', - image: Image02, - link: '#0', - location: '🇫🇷', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 2, - name: 'Tisha Yanchev', - image: Image03, - link: '#0', - location: '🇩🇪', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 3, - name: 'Sergio Gonnelli', - image: Image04, - link: '#0', - location: '🇮🇹', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 4, - name: 'Jerzy Wierzy', - image: Image05, - link: '#0', - location: '🇪🇸', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 5, - name: 'Mirko Grubisic', - image: Image06, - link: '#0', - location: '🇩🇪', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 6, - name: 'Alisha Acharya', - image: Image07, - link: '#0', - location: '🇬🇧', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 7, - name: 'Brian Halligan', - image: Image08, - link: '#0', - location: '🇺🇸', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 8, - name: 'Patricia Semklo', - image: Image09, - link: '#0', - location: '🇮🇳', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 9, - name: 'Maria Martinez', - image: Image10, - link: '#0', - location: '🇮🇹', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 10, - name: 'Vedad Siljak', - image: Image11, - link: '#0', - location: '🇮🇹🇨🇦', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 11, - name: 'Dominik Lamakani', - image: Image12, - link: '#0', - location: '🇧🇪', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - ]; - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    - - {/* Left: Title */} -
    -

    Acme Inc. ✨

    -
    - - {/* Right: Actions */} -
    - {/* Search form */} - - {/* Add member button */} - -
    - -
    - - {/* Cards */} -
    - { - items.map(item => { - return ( - - ) - }) - } -
    - - {/* Pagination */} -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default UsersTabs; \ No newline at end of file diff --git a/src/pages/community/UsersTiles.jsx b/src/pages/community/UsersTiles.jsx deleted file mode 100644 index 6611936..0000000 --- a/src/pages/community/UsersTiles.jsx +++ /dev/null @@ -1,196 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import SearchForm from '../../partials/actions/SearchForm'; -import UsersTilesCard from '../../partials/community/UsersTilesCard'; -import PaginationNumeric from '../../components/PaginationNumeric'; - -import Image01 from '../../images/user-64-01.jpg'; -import Image02 from '../../images/user-64-02.jpg'; -import Image03 from '../../images/user-64-03.jpg'; -import Image04 from '../../images/user-64-04.jpg'; -import Image05 from '../../images/user-64-05.jpg'; -import Image06 from '../../images/user-64-06.jpg'; -import Image07 from '../../images/user-64-07.jpg'; -import Image08 from '../../images/user-64-08.jpg'; -import Image09 from '../../images/user-64-09.jpg'; -import Image10 from '../../images/user-64-10.jpg'; -import Image11 from '../../images/user-64-11.jpg'; -import Image12 from '../../images/user-64-12.jpg'; - -function UsersTiles() { - - const items = [ - { - id: 0, - name: 'Dominik McNeail', - image: Image01, - link: '#0', - location: '🇮🇹', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 1, - name: 'Ivan Mesaros', - image: Image02, - link: '#0', - location: '🇫🇷', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 2, - name: 'Tisha Yanchev', - image: Image03, - link: '#0', - location: '🇩🇪', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 3, - name: 'Sergio Gonnelli', - image: Image04, - link: '#0', - location: '🇮🇹', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 4, - name: 'Jerzy Wierzy', - image: Image05, - link: '#0', - location: '🇪🇸', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 5, - name: 'Mirko Grubisic', - image: Image06, - link: '#0', - location: '🇩🇪', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 6, - name: 'Alisha Acharya', - image: Image07, - link: '#0', - location: '🇬🇧', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 7, - name: 'Brian Halligan', - image: Image08, - link: '#0', - location: '🇺🇸', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 8, - name: 'Patricia Semklo', - image: Image09, - link: '#0', - location: '🇮🇳', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 9, - name: 'Maria Martinez', - image: Image10, - link: '#0', - location: '🇮🇹', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 10, - name: 'Vedad Siljak', - image: Image11, - link: '#0', - location: '🇮🇹🇨🇦', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - { - id: 11, - name: 'Dominik Lamakani', - image: Image12, - link: '#0', - location: '🇧🇪', - content: 'Fitness Fanatic, Design Enthusiast, Mentor, Meetup Organizer & PHP Lover.', - }, - ]; - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    - - {/* Left: Title */} -
    -

    Acme Inc. ✨

    -
    - - {/* Right: Actions */} -
    - {/* Search form */} - - {/* Add member button */} - -
    - -
    - - {/* Cards */} -
    - { - items.map(item => { - return ( - - ) - }) - } -
    - - {/* Pagination */} -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default UsersTiles; \ No newline at end of file diff --git a/src/pages/component/AlertPage.jsx b/src/pages/component/AlertPage.jsx deleted file mode 100644 index b8e0d6d..0000000 --- a/src/pages/component/AlertPage.jsx +++ /dev/null @@ -1,226 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import Banner from '../../components/Banner'; -import Banner2 from '../../components/Banner2'; -import Toast from '../../components/Toast'; -import Toast2 from '../../components/Toast2'; -import Toast3 from '../../components/Toast3'; -import Notification from '../../components/Notification'; - -function AlertPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - const [bannerWarningOpen, setBannerWarningOpen] = useState(true); - const [bannerErrorOpen, setBannerErrorOpen] = useState(true); - const [bannerSuccessOpen, setBannerSuccessOpen] = useState(true); - const [bannerInfoOpen, setBannerInfoOpen] = useState(true); - const [banner2WarningOpen, setBanner2WarningOpen] = useState(true); - const [banner2ErrorOpen, setBanner2ErrorOpen] = useState(true); - const [banner2SuccessOpen, setBanner2SuccessOpen] = useState(true); - const [banner2InfoOpen, setBanner2InfoOpen] = useState(true); - const [toastWarningOpen, setToastWarningOpen] = useState(true); - const [toastErrorOpen, setToastErrorOpen] = useState(true); - const [toastSuccessOpen, setToastSuccessOpen] = useState(true); - const [toastInfoOpen, setToastInfoOpen] = useState(true); - const [toast2WarningOpen, setToast2WarningOpen] = useState(true); - const [toast2ErrorOpen, setToast2ErrorOpen] = useState(true); - const [toast2SuccessOpen, setToast2SuccessOpen] = useState(true); - const [toast2InfoOpen, setToast2InfoOpen] = useState(true); - const [toast3WarningOpen, setToast3WarningOpen] = useState(true); - const [toast3ErrorOpen, setToast3ErrorOpen] = useState(true); - const [toast3SuccessOpen, setToast3SuccessOpen] = useState(true); - const [toast3InfoOpen, setToast3InfoOpen] = useState(true); - const [notificationWarningOpen, setNotificationWarningOpen] = useState(true); - const [notificationErrorOpen, setNotificationErrorOpen] = useState(true); - const [notificationSuccessOpen, setNotificationSuccessOpen] = useState(true); - const [notificationInfoOpen, setNotificationInfoOpen] = useState(true); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    -

    Alert & Banner ✨

    -
    - -
    - - {/* Components */} -
    - - {/* Banner */} -
    -

    Banner

    -
    - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - -
    -
    - - {/* Banner 2 */} -
    -

    Banner 2

    -
    - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - - - We’re currently experiencing an increase in inquiries. There may be a delay in responses from the Support. - - -
    -
    - - {/* Toast */} -
    -

    Toast

    -
    - - - A warning toast. - - - - A successful toast. - - - - A dangerous toast. - - - - An informational toast. - - -
    -
    - - {/* Toast 2 */} -
    -

    Toast 2

    -
    - - - A warning toast. - - - - A successful toast. - - - - A dangerous toast. - - - - An informational toast. - - -
    -
    - - {/* Toast 3 */} -
    -

    Toast 3

    -
    - - - A warning toast. - - - - A successful toast. - - - - A dangerous toast. - - - - An informational toast. - - -
    -
    - - {/* Notification */} -
    -

    Notification

    -
    - - -
    Merged Pull Request
    -
    Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore.
    -     - - -
    Merged Pull Request
    -
    Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore.
    -     - - -
    Merged Pull Request
    -
    Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore.
    -     - - -
    Merged Pull Request
    -
    Lorem ipsum dolor sit amet, consectetur adipiscing sed do eiusmod tempor incididunt ut labore et dolore.
    -     - -
    -
    - -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default AlertPage; \ No newline at end of file diff --git a/src/pages/component/AvatarPage.jsx b/src/pages/component/AvatarPage.jsx deleted file mode 100644 index 828b22b..0000000 --- a/src/pages/component/AvatarPage.jsx +++ /dev/null @@ -1,228 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -import Avatar01 from '../../images/avatar-01.jpg'; -import Avatar02 from '../../images/avatar-02.jpg'; -import Avatar03 from '../../images/avatar-03.jpg'; -import Avatar04 from '../../images/avatar-04.jpg'; -import Avatar05 from '../../images/avatar-05.jpg'; -import Avatar06 from '../../images/avatar-06.jpg'; - -function AvatarPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    -

    Avatar ✨

    -
    - -
    - - {/* Components */} -
    - - {/* Basic Avatars */} -
    -

    Basic Avatars

    -
    -
    - {/* Start */} - Avatar - {/* End */} -
    -
    - {/* Start */} - Avatar - {/* End */} -
    -
    - {/* Start */} - Avatar - {/* End */} -
    -
    - {/* Start */} - Avatar - {/* End */} -
    -
    - {/* Start */} - Avatar - {/* End */} -
    -
    -
    - - {/* Avatars with Notification */} -
    -

    Avatars with Notification

    -
    -
    - {/* Start */} -
    - Avatar -
    -
    - {/* End */} -
    -
    - {/* Start */} -
    - Avatar -
    -
    - {/* End */} -
    -
    - {/* Start */} -
    - Avatar -
    -
    - {/* End */} -
    -
    - {/* Start */} -
    - Avatar -
    -
    - {/* End */} -
    -
    - {/* Start */} -
    - Avatar -
    -
    - {/* End */} -
    -
    -
    - - {/* Avatars with Placeholder Icon */} -
    -

    Avatars with Placeholder Icon

    -
    -
    - {/* Start */} -
    MS
    - {/* End */} -
    -
    - {/* Start */} -
    MS
    - {/* End */} -
    -
    - {/* Start */} -
    MS
    - {/* End */} -
    -
    - {/* Start */} -
    MS
    - {/* End */} -
    -
    - {/* Start */} -
    MS
    - {/* End */} -
    -
    -
    - - {/* Avatars Groups */} -
    -

    Avatars Groups

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

    Breadcrumb ✨

    -
    - -
    - - {/* Components */} -
    - - {/* With Slashes */} -
    -

    With Slashes

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

    With Dots

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

    With Chevrons

    -
    -
    - {/* Start */} - - {/* End */} -
    -
    -
    - -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default BreadcrumbPage; \ No newline at end of file diff --git a/src/pages/component/DropdownPage.jsx b/src/pages/component/DropdownPage.jsx deleted file mode 100644 index 9f060f5..0000000 --- a/src/pages/component/DropdownPage.jsx +++ /dev/null @@ -1,123 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import DropdownClassic from '../../components/DropdownClassic'; -import DropdownFull from '../../components/DropdownFull'; -import DropdownFilter from '../../components/DropdownFilter'; -import DropdownProfile from '../../components/DropdownProfile'; -import DropdownSwitch from '../../components/DropdownSwitch'; -import DropdownNotifications from '../../components/DropdownNotifications'; -import DropdownHelp from '../../components/DropdownHelp'; -import DropdownEditMenu from '../../components/DropdownEditMenu'; -import Datepicker from '../../components/Datepicker'; - -function DropdownPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    -

    Dropdown ✨

    -
    - -
    - - {/* Components */} -
    - - {/* Classic Dropdown */} -
    -

    Classic Dropdown

    - {/* Start */} - - {/* End */} -
    - - {/* Full-width Dropdown */} -
    -

    Full-width Dropdown

    - -
    - - {/* Filter */} -
    -

    Filter

    - -
    - - {/* Profile */} -
    -

    Profile

    - -
    - - {/* Switch Account */} -
    -

    Switch Account

    - -
    - - {/* Notification */} -
    -

    Notification

    - -
    - - {/* Help Center */} -
    -

    Help Center

    - -
    - - {/* Quick Selection */} -
    -

    Quick Selection

    - -
  • - Option 1 -
    • -
  • - Option 2 -
    • -
  • - Remove -
    • -     -
    - - {/* Datepicker (built with flatpickr) */} -
    -

    Datepicker (built with flatpickr)

    - -
    - -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default DropdownPage; \ No newline at end of file diff --git a/src/pages/component/FormPage.jsx b/src/pages/component/FormPage.jsx deleted file mode 100644 index 936914b..0000000 --- a/src/pages/component/FormPage.jsx +++ /dev/null @@ -1,384 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import Tooltip from '../../components/Tooltip'; - -function FormPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - const [toggle1, setToggle1] = useState(true); - const [toggle2, setToggle2] = useState(false); - const [toggle3, setToggle3] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    -

    Form ✨

    -
    - -
    - - {/* Components */} -
    - - {/* Input Types */} -
    -

    Input Types

    -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    - {/* Start */} -
    -
    - - -
    Excepteur sint occaecat cupidata non proident, sunt.
    -     -
    - -
    - {/* End */} -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    - {/* Start */} -
    - -
    - -
    - USD -
    -
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    - -
    - -
    - % -
    -
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    - {/* Start */} -
    - -
    - -
    - - - -
    -
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    -
    - - -
    -
    Supporting text goes here!
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    - -
    - - -
    -
    - {/* End */} -
    -
    -
    - - {/* Input Sizes */} -
    -

    Input Sizes

    -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    -
    - - {/* Input States */} -
    -

    Input States

    -
    - -
    - {/* Start */} -
    - - -
    - {/* End */} -
    - -
    - {/* Start */} -
    -
    - - -
    -
    This field is required!
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    -
    - - -
    -
    Sounds good!
    -
    - {/* End */} -
    - -
    -
    - - {/* Select */} -
    -

    Select

    - - -
    - - {/* Checkbox */} -
    -

    Checkbox

    -
    - -
    - {/* Start */} - - {/* End */} -
    - -
    - {/* Start */} - - {/* End */} -
    - -
    - {/* Start */} - - {/* End */} -
    - -
    -
    - - {/* Radio */} -
    -

    Radio

    -
    - -
    - {/* Start */} - - {/* End */} -
    - -
    - {/* Start */} - - {/* End */} -
    - -
    - {/* Start */} - - {/* End */} -
    - -
    -
    - - {/* Toggle Switch */} -
    -

    Toggle Switch

    -
    - -
    - {/* Start */} -
    -
    - setToggle1(!toggle1)} /> - -
    -
    {toggle1 ? 'On' : 'Off'}
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    -
    - setToggle2(!toggle2)} /> - -
    -
    {toggle2 ? 'On' : 'Off'}
    -
    - {/* End */} -
    - -
    - {/* Start */} -
    -
    - setToggle3(!toggle3)} disabled /> - -
    -
    Disabled
    -
    - {/* End */} -
    - -
    -
    - -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default FormPage; \ No newline at end of file diff --git a/src/pages/component/IconsPage.jsx b/src/pages/component/IconsPage.jsx deleted file mode 100644 index edcf887..0000000 --- a/src/pages/component/IconsPage.jsx +++ /dev/null @@ -1,79 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; - -function IconsPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    -

    Icons ✨

    -
    - -
    - - {/* Components */} -
    - -
    If you need more icons than what we currently support in Mosaic, check out these great packs 👇
    - - {/* Nucleo */} -
    -
    -

    Nucleo

    -
    Recommended
    -
    -
    -
    99% of the icons used in Mosaic come from Nucleo; a huge library of 3K+ vector icons!
    - -
    -
    - - {/* Tabler Icons */} -
    -
    -

    Tabler Icons

    -
    Free Alternative
    -
    -
    -
    A set of 1250+ icons that are visually consistent with the style used in Mosaic!
    - -
    -
    - -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default IconsPage; \ No newline at end of file diff --git a/src/pages/component/ModalPage.jsx b/src/pages/component/ModalPage.jsx deleted file mode 100644 index 4a68aa2..0000000 --- a/src/pages/component/ModalPage.jsx +++ /dev/null @@ -1,575 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import ModalBasic from '../../components/ModalBasic'; -import ModalCookies from '../../components/ModalCookies'; -import ModalBlank from '../../components/ModalBlank'; -import ModalAction from '../../components/ModalAction'; -import ModalSearch from '../../components/ModalSearch'; - -import AnnouncementIcon from '../../images/announcement-icon.svg'; -import ModalImage from '../../images/modal-image.jpg'; - -function ModalPage() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - const [basicModalOpen, setBasicModalOpen] = useState(false); - const [scrollbarModalOpen, setScrollbarModalOpen] = useState(false) - const [cookiesModalOpen, setCookiesModalOpen] = useState(false) - const [successModalOpen, setSuccessModalOpen] = useState(false) - const [dangerModalOpen, setDangerModalOpen] = useState(false) - const [infoModalOpen, setInfoModalOpen] = useState(false) - const [feedbackModalOpen, setFeedbackModalOpen] = useState(false) - const [newsletterModalOpen, setNewsletterModalOpen] = useState(false) - const [announcementModalOpen, setAnnouncementModalOpen] = useState(false) - const [integrationModalOpen, setIntegrationModalOpen] = useState(false) - const [newsModalOpen, setNewsModalOpen] = useState(false) - const [planModalOpen, setPlanModalOpen] = useState(false) - const [searchModalOpen, setSearchModalOpen] = useState(false) - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    -

    Modal ✨

    -
    - -
    - - {/* Components */} -
    - - {/* Basic */} -
    -

    Basic

    -
    - - {/* Basic Modal */} -
    - {/* Start */} - - - {/* Modal content */} -
    -
    -
    Let’s Talk Paragraph
    -
    -

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

    -

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

    -
    -
    -
    - {/* Modal footer */} -
    -
    - - -
    -
    -     - {/* End */} -
    - - - {/* Modal w/ Scroll Bar */} -
    - {/* Start */} - - - {/* Modal content */} -
    -
    -
    Let’s Talk Paragraph
    -
    -

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

    -

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

    -

    Ullamcorper malesuada proin libero nunc consequat interdum varius sit. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Mattis enim ut tellus elementum el fringilla est ullamcorper eget nulla. Enim eu turpis egestas pretium aenean pharetra magna. Aliquam id diam maecenas ultricies mi eget us mauris vitae ultricies leo integer t malesuada fames ac turpis egestas maecenas pharetra volutpat lacus laoreet non.

    -

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

    -

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

    -

    Ullamcorper malesuada proin libero nunc consequat interdum varius sit. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Mattis enim ut tellus elementum el fringilla est ullamcorper eget nulla. Enim eu turpis egestas pretium aenean pharetra magna. Aliquam id diam maecenas ultricies mi eget us mauris vitae ultricies leo integer t malesuada fames ac turpis egestas maecenas pharetra volutpat lacus laoreet non.

    -
    -
    -
    - {/* Modal footer */} -
    -
    - - -
    -
    -     - {/* End */} -
    - - {/* Cookies */} -
    - {/* Start */} - - - {/* Modal content */} -
    -
    -

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

    -

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

    -
    -
    - {/* Modal footer */} -
    - - -
    -     - {/* End */} -
    - -
    -
    - - {/* Feedback */} -
    -

    Feedback

    -
    - - {/* Success Modal */} -
    - {/* Start */} - - -
    - {/* Icon */} -
    - - - -
    - {/* Content */} -
    - {/* Modal header */} -
    -
    Upgrade your Subscription?
    -
    - {/* Modal content */} -
    -
    -

    Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum.

    -
    -
    - {/* Modal footer */} -
    - - -
    -
    -
    -     - {/* End */} -
    - - {/* Danger Modal */} -
    - {/* Start */} - - -
    - {/* Icon */} -
    - - - -
    - {/* Content */} -
    - {/* Modal header */} -
    -
    Delete 1 customer?
    -
    - {/* Modal content */} -
    -
    -

    Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum.

    -
    -
    - {/* Modal footer */} -
    - - -
    -
    -
    -     - {/* End */} -
    - - {/* Info Modal */} -
    - {/* Start */} - - -
    - {/* Icon */} -
    - - - -
    - {/* Content */} -
    - {/* Modal header */} -
    -
    Create new Event?
    -
    - {/* Modal content */} -
    -
    -

    Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum.

    -
    -
    - {/* Modal footer */} -
    - - -
    -
    -
    -     - {/* End */} -
    - -
    -
    - - {/* Product */} -
    -

    Product

    -
    - - {/* Send Feedback */} -
    - {/* Start */} - - - {/* Modal content */} -
    -
    -
    Let us know what you think 🙌
    -
    -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    -
    - {/* Modal footer */} -
    -
    - - -
    -
    -     - {/* End */} -
    - - {/* Newsletter */} -
    - {/* Start */} - - - {/* Modal header */} -
    - {/* Icon */} -
    - - - - - -
    -
    Subscribe to the Newsletter!
    -
    - {/* Modal content */} -
    -
    - Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum. -
    - {/* Submit form */} -
    -
    - - -
    - -
    -
    - I respect your privacy. No spam. Unsubscribe at any time! -
    -
    -     - {/* End */} -
    - - {/* Announcement */} -
    - {/* Start */} - - - {/* Modal header */} -
    - {/* Icon */} -
    - Announcement -
    -
    You Unlocked Level 2!
    -
    - {/* Modal content */} -
    -
    - Semper eget duis at tellus at urna condimentum mattis pellentesque lacus suspendisse faucibus interdum. -
    - {/* CTAs */} - -
    -     - {/* End */} -
    - - {/* Integration */} -
    - {/* Start */} - - - {/* Modal header */} -
    - {/* Icons */} -
    - {/* Mosaic logo */} - - - - - - - - - - - - - - - - - {/* Arrows */} - - - - {/* Cruip logo */} - - - - - -
    -
    Connect Mosaic with your Cruip account
    -
    - {/* Modal content */} -
    -
    Mosaic would like to:
    -
      -
    • - - - -
      Lorem ipsum dolor sit amet
      -
      • -
    • - - - -
      Semper eget duis at tellus at urna
      -
      • -
    • - - - -
      Lorem ipsum dolor sit amet
      -
      • -
    • - - - -
      Suspendisse faucibus interdum
      -
      • -
    -
    By clicking on Allow access, you authorize Mosaic to use your information in accordance with its Privacy Policy. You can stop it at any time on the integrations page of your Mosaic account.
    -
    - {/* Modal footer */} -
    - - -
    -     - {/* End */} -
    - - {/* What's New */} -
    - {/* Start */} - - -
    - New on Mosaic - {/* Close button */} - -
    -
    - {/* Modal header */} -
    -
    -
    New on Mosaic
    -
    -
    Help your team work faster with X 🏃‍♂️
    -
    - {/* Modal content */} -
    -
    -

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

    -

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

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

    Pagination ✨

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

    Option 1

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

    Option 2

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

    Option 3

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

    Tabs ✨

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

    Simple

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

    With Underline

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

    With Icons

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

    With Container

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

    Tooltip ✨

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

    Tooltip Types

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

    Tooltip Position

    -
    - -
    -
    - {/* Start */} - -
    Just a tip
    -     - {/* End */} -
    Top
    -
    -
    - -
    -
    - {/* Start */} - -
    Just a tip
    -     - {/* End */} -
    Bottom
    -
    -
    - -
    -
    - {/* Start */} - -
    Just a tip
    -     - {/* End */} -
    Left
    -
    -
    - -
    -
    - {/* Start */} - -
    Just a tip
    -     - {/* End */} -
    Right
    -
    -
    - -
    -
    - -
    - -
    - -
    -
    - -
    - -
    - ); -} - -export default TooltipPage; \ No newline at end of file diff --git a/src/pages/digitalId/ProfileId.jsx b/src/pages/digitalId/ProfileId.jsx index bd1f75a..99faca9 100644 --- a/src/pages/digitalId/ProfileId.jsx +++ b/src/pages/digitalId/ProfileId.jsx @@ -1,32 +1,392 @@ 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 [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 [addPanelOpen, setAddPanelOpen] = useState(false); + const [selectedItems, setSelectedItems] = useState([]); + + const handleSelectedItems = (selectedItems) => { + setSelectedItems([...selectedItems]); + if (selectedItems.length > 0) { + setButtonPanelOpen(false); + setAddPanelOpen(false); + setChangePanelOpen(true); + } + if (removePanelOpen === true) { + setChangePanelOpen(false); + } + if (selectedItems.length === 0) { + setRemovePanelOpen(false); + setButtonPanelOpen(true); + setChangePanelOpen(false); + } + }; + + const openAddPanel = () => { + setAddPanelOpen(true); + setButtonPanelOpen(false); + } + + const cancelAddPanel = () => { + setAddPanelOpen(false); + setButtonPanelOpen(true); + } + + const openRemovePanel = () => { + setRemovePanelOpen(true); + setChangePanelOpen(false); + } + + 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 */} -

    Profile ✨

    +
    +
    + {/* Page header */} +
    +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    + {/* Table */} + +
    + {/* Left sidebar */} +
    + {/* Button panel*/} +
    +
    + +
    +
    +
    + {/* Add panel */} +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + Store data on blockchain +
    +
    + setToggle(!toggle)} /> + +
    +
    +
    + {/* Buttons */} +
    + + +
    +
    + {/* 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
    +
    Total amount fee
    +
    + {/* Divider */} + +
    + {/* Change panel */} +
    +
    + + + +
    +
    +
    -
    ) diff --git a/src/pages/digitalId/Validate.jsx b/src/pages/digitalId/Validate.jsx index 7fce233..29cbbc7 100644 --- a/src/pages/digitalId/Validate.jsx +++ b/src/pages/digitalId/Validate.jsx @@ -2,33 +2,123 @@ import React, { useState } from 'react'; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; +import ValidateTable from "../../partials/validate/ValidateTable"; +import ValidatePanel from "../../partials/validate/ValidatePanel"; +import ValidateRoadMap from "../../partials/validationlog/ValidateRoadMap"; +import {Link} from "react-router-dom"; +import User06 from "../../images/user-28-06.jpg"; +import User08 from "../../images/user-28-08.jpg"; +import User09 from "../../images/user-28-09.jpg"; +import User05 from "../../images/user-28-05.jpg"; function Validate () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [validatePanelOpen, setValidatePanelOpen] = useState(true); + + const validateItems = [ + { + id: '40', + name: 'Today', + data: '7234ABC342342352345', + usersImges: [ + { + size: 24, + img: User06, + imgId: "343" + }, + { + size: 24, + img: User08, + imgId: "345" + }, + { + size: 24, + img: User09, + imgId: "321" + }, + { + size: 24, + img: User05, + imgId: "387" + }, + ], + items: [ + { + dataSeason: '7234ABC342342352345', + id: '555', + text: 'Second name for', + checked: true + }, + { + dataSeason: '7234ABC342342352345', + id: '534', + text: 'Gender name for', + checked: true + }, + { + dataSeason: '7234ABC342342352345', + id: '567', + text: 'Document ID name for', + checked: true + }, + ] + }, + ]; return ( -
    - {/* Sidebar */} - - - {/* Content area */} -
    - {/* Site header */} -
    - -
    -
    - - {/* Page header */} -
    +
    + {/* Sidebar */} + + {/* Content area */} +
    + {/* Site header */} +
    +
    +
    +
    + {/* Page header */} +
    {/* Title */} -

    Validate ✨

    +

    0x28394710234192304719234

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

    Digiatl ID validation log ✨

    +
    + {validateItems.map(item => { + return + })}
    -
    - -
    +
    + +
    +
    ) } diff --git a/src/pages/digitalId/ValidationLog.jsx b/src/pages/digitalId/ValidationLog.jsx index a801002..ddcdebf 100644 --- a/src/pages/digitalId/ValidationLog.jsx +++ b/src/pages/digitalId/ValidationLog.jsx @@ -1,32 +1,193 @@ import React, { useState } from 'react'; +import ValidateRoadMap from "../../partials/validationlog/ValidateRoadMap"; import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; +import User05 from "../../images/user-28-05.jpg"; +import User08 from "../../images/user-28-08.jpg"; +import User09 from "../../images/user-28-09.jpg"; +import User06 from "../../images/user-28-06.jpg"; +import User03 from "../../images/user-28-03.jpg"; +import User01 from "../../images/user-28-01.jpg"; function ValidationLog () { const [sidebarOpen, setSidebarOpen] = useState(false); + const logItems = [ + { + id: '20', + name: 'Today', + data: '7234ABC342342352345', + usersImges: [ + { + size: 24, + img: User06, + imgId: "249" + }, + { + size: 24, + img: User08, + imgId: "212" + }, + { + size: 24, + img: User09, + imgId: "217" + }, + { + size: 24, + img: User05, + imgId: "276" + }, + ], + items: [ + { + dataSeason: '7234ABC342342352345', + id: '434', + text: 'Second name', + checked: true + }, + { + dataSeason: '7234ABC342342352345', + id: '476', + text: 'First name by', + checked: true + }, + { + dataSeason: '7234ABC342342352345', + id: '422', + text: 'Document name by', + checked: true + }, + ] + }, + { + id: '30', + name: 'Last Week', + data: '7234ABC342342352345', + usersImges: [ + { + size: 24, + img: User06, + imgId: "145" + }, + { + size: 24, + img: User08, + imgId: "182" + }, + { + size: 24, + img: User09, + imgId: "154" + }, + { + size: 24, + img: User05, + imgId: "114" + }, + ], + items: [ + { + dataSeason: '7234ABC342342352345', + id: '654', + text: 'Gender name by', + checked: true + }, + { + dataSeason: '7234ABC342342352345', + id: '617', + text: 'Second name Updated', + checked: false + }, + { + dataSeason: '7234ABC342342352345', + id: '643', + text: 'Gender name by', + checked: true + }, + ] + }, + ] + return (
    {/* Sidebar */} - {/* Content area */}
    {/* Site header */}
    -
    - {/* Page header */} -
    +
    {/* Title */} -

    Validation log ✨

    +

    Digiatl ID transaction log ✨

    +
    + {/*Psosts*/} +
    +
    + {/* PostsID */} + {logItems.map(item => { + return + })} + {/* Post */} +
    +
    +
    +

    Even earlier

    +
    +
    +
    +
    + {/* Avatars */} + +
    ·
    +
    +
    + {/* List */} +
      + {/* List item */} +
    • +
      + + +

      Product V1 - Early Access

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

      Web3 Compatibility

      +
      +
      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
      +
      • +
    +
    +
    +
    +
    -
    ) diff --git a/src/pages/digitalId/Verify.jsx b/src/pages/digitalId/Verify.jsx index 8510b51..a6a4730 100644 --- a/src/pages/digitalId/Verify.jsx +++ b/src/pages/digitalId/Verify.jsx @@ -1,35 +1,170 @@ import React, { useState } from 'react'; - import Sidebar from '../../partials/Sidebar'; import Header from '../../partials/Header'; function Verify () { const [sidebarOpen, setSidebarOpen] = useState(false); + const [descriptionOpen, setDescriptionOpen] = useState(false); + + const verifiedData = [ + { + "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' + } + ] + }, + { + "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' + }, + ] + }, + { + "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 (
    {/* Sidebar */} - {/* Content area */}
    {/* Site header */}
    -
    -
    - +
    {/* Page header */} -
    - {/* Title */} -

    Verify ✨

    +
    +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    +
    + {/* Block */} +
    + {verifiedData.map((item, index) => ( +
    + {/* Header */} +
    + + Yesterday at {item.date.slice(-5)} AM + + {/* Buttons */} +
    +
    + +
    +
    + +
    +
    +
    + {/* Content */} +
    + {item.fields.map((elem, index) => ( +
    +
    +
    + {elem.value} + {elem.hash1} + {elem.hash2} +
    + {elem.name} +
    +
    + ))} +
    +
    + ))}
    -
    ) } -export default Verify; \ No newline at end of file +export default Verify; diff --git a/src/pages/ecommerce/Cart.jsx b/src/pages/ecommerce/Cart.jsx deleted file mode 100644 index c5fd605..0000000 --- a/src/pages/ecommerce/Cart.jsx +++ /dev/null @@ -1,100 +0,0 @@ -import React, { useState } from 'react'; - -import Sidebar from '../../partials/Sidebar'; -import Header from '../../partials/Header'; -import CartItems from '../../partials/ecommerce/CartItems'; - -function Cart() { - - const [sidebarOpen, setSidebarOpen] = useState(false); - - return ( -
    - - {/* Sidebar */} - - - {/* Content area */} -
    - - {/* Site header */} -
    - -
    -
    - - {/* Page content */} -
    - - {/* Cart items */} -
    -
    -
    - Review - -> - Payment - -> - Confirm -
    -
    -
    - {/* Title */} -

    Shopping Cart (3) ✨

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

    Shopping Cart (3) ✨

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

    Review & Pay

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

    Thank you for your order ✨

    -

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

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

    Order Summary

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

    Customers ✨

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

    Invoices ✨

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

    Orders ✨

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

    Front-End Learning 🔥

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

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

    -

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

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

    Overview

    -

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

    -

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

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

    Featured Reviews (44)

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

    Frequently Bought Together

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

      The Complete Front-End Development Course!

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

      Web Development Ultimate Course 2021

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

      Full-Stack JavaScript Course!

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

    Find the right product for you ✨

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

    Video Courses

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

    Digital Goods

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

    Online Events

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

    Crowdfunding

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

    Popular Categories

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

    Trending Now

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

    Find the right product for you ✨

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

    Cards ✨

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

    $47,347.09

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

    $47,347.09

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

    Revolut Ltd

    -

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

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

    Open Positions at Revolut Ltd

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

    Programming

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

    Design

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

    Management / Finance

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

    Search For Jobs ✨

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

    Senior Client Engineer (React & React Native)

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

    The Role

    -
    -

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

    -

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

    -

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

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

    About You

    -
    -

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

    -

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

    -

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

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

    Things You Might Do

    -
    -

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

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

    Do you have what it takes?

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

    Related Jobs

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

    Account Settings ✨

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

    Account Settings ✨

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

    Account Settings ✨

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

    Account Settings ✨

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

    Account Settings ✨

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

    Account Settings ✨

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

    Acme Inc. Kanban ✨

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

    Acme Inc. Tasks ✨

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

    To Do's 🖋️

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

    In Progress ✌️

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

    Completed 🎉

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

    Changelog ✨

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

    Released version 2.0

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

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

    -

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

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

    Feature Name is now public 🎉

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

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

    -

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

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

    Bugs fixed, issues, and more

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

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

    -

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

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

    Thanks, everyone 🙌

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

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

    -

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

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

    Empty State ✨

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

    Pay your bills in just a few clicks

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

    👋 How we can help you today?

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

    Popular Questions

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

    How can the widget to my website?

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

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

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

    What limitations do trial accounts have?

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

    Is there any difference between Standard and Plus licenses?

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

    Is my personal information protected?

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

    What can I create with with this product?

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

    👋 What Can We Help You Find?

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

    Popular Topics

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

    Getting Started

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

    In-app Messaging

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

    Apps & Tools

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

    Billing & Invoices

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

    Support

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

    Multimedia / Files

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

    App Rewards

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

    Contact Us

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

    Popular Guides

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

    Roadmap ✨

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

    2021 Q1

    -
    -
    -
    -
    - {/* Avatars */} - -
    ·
    -
    -
    Completed
    -
    -
    -
    - {/* List */} -
      - {/* List item */} -
    • -
      - - -

      Product V1 - Early Access

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

      Web3 Compatibility

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

      Proof-of-Funds Compliance Key

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

      Activity Feed Integration

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

    2021 Q2

    -
    -
    -
    -
    - {/* Avatars */} - -
    ·
    -
    -
    Working on
    -
    -
    -
    - {/* List */} -
      - {/* List item */} -
    • -
      - - -

      Product V1 - Early Access

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

      Web3 Compatibility

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

      Proof-of-Funds Compliance Key

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

      Activity Feed Integration

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

    2021 Q3

    -
    -
    -
    -
    - {/* Avatars */} - -
    ·
    -
    -
    Planned
    -
    -
    -
    - {/* List */} -
      - {/* List item */} -
    • -
      - - -

      Product V1 - Early Access

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

      Web3 Compatibility

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

    2021 Q4

    -
    -
    -
    -
    - {/* Avatars */} - -
    ·
    -
    -
    Planned
    -
    -
    -
    - {/* List */} -
      - {/* List item */} -
    • -
      - - -

      Product V1 - Early Access

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

      Web3 Compatibility

      -
      -
      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
      -
      • -
    -
    -
    -
    -
    - -
    -
    - -
    -
    - -
    - -
    - ); -} - -export default Roadmap; \ No newline at end of file diff --git a/src/partials/Sidebar.jsx b/src/partials/Sidebar.jsx index 175e7e4..a67245b 100644 --- a/src/partials/Sidebar.jsx +++ b/src/partials/Sidebar.jsx @@ -47,6 +47,10 @@ function Sidebar({ } }, [sidebarExpanded]); + function saveDigitalId () { + localStorage.setItem('digitalId', '7234ABC3423423523457234ABC34234') + } + return (
    {/* Sidebar backdrop (mobile only) */} @@ -302,607 +306,6 @@ function Sidebar({ ); }} - {/* E-Commerce */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - E-Commerce - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Customers - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Orders - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Invoices - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Shop - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Shop 2 - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Single Product - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cart - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cart 2 - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cart 3 - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Pay - - -
      • -
    -
    -     - ); - }} -     - {/* Community */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - Community - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Users - Tabs - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Users - Tiles - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Profile - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Feed - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Forum - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Forum - Post - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Meetups - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Meetups - Post - - -
      • -
    -
    -     - ); - }} -     - {/* Finance */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - Finance - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Cards - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Transactions - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Transaction Details - - -
      • -
    -
    -     - ); - }} -     - {/* Job Board */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - Job Board - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Listing - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Job Post - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Company Profile - - -
      • -
    -
    -     - ); - }} -     - {/* Tasks */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - Tasks - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Kanban - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - List - - -
      • -
    -
    -     - ); - }} -     {/* Messages */}
    • - {/* Inbox */} -
  • - -
    - - - - - Inbox -
    -     -
    • - {/* Calendar */} -
  • - -
    - - - - - - Calendar - -
    -     -
    • - {/* Campaigns */} -
  • - -
    - - - - - - Campaigns - -
    -     -
    • - {/* Settings */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - - Settings - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - My Account - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - My Notifications - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Connected Apps - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Plans - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Billing & Invoices - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Give Feedback - - -
      • -
    -
    -     - ); - }} -     - {/* Utility */} - - {(handleClick, open) => { - return ( - - { - e.preventDefault(); - sidebarExpanded ? handleClick() : setSidebarExpanded(true); - }} - > -
    -
    - - - - - - - - Utility - -
    - {/* Icon */} -
    - - - -
    -
    -     -
    -
      -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Changelog - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Roadmap - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - FAQs - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Empty State - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - 404 - - -
      • -
    • - - 'block text-slate-400 hover:text-slate-200 transition duration-150 truncate ' + (isActive ? '!text-indigo-500' : '') - } - > - - Knowledge Base - - -
      • -
    -
    -     - ); - }} -
    {/* More group */} @@ -1299,69 +349,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 +391,6 @@ function Sidebar({
        -
      • - - - Step 1 - - -
        • -
      • - - - Step 2 - - -
        • -
      • - - - Step 3 - - -
        • -
      • - - - Step 4 - - -
      • @@ -1460,6 +419,13 @@ function Sidebar({
        • +
      • + saveDigitalId()} end to="/shared-data" className="block text-slate-400 hover:text-slate-200 transition duration-150 truncate"> + + Shared Data + + +
      @@ -1527,97 +493,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/shareddata/SharedDataRoadmap.jsx b/src/partials/shareddata/SharedDataRoadmap.jsx new file mode 100644 index 0000000..903dd4e --- /dev/null +++ b/src/partials/shareddata/SharedDataRoadmap.jsx @@ -0,0 +1,48 @@ +import React from "react"; + +import ValidationUsersImg from "../validationlog/ValidationUsersImg"; + +function SharedDataRoadMap({ data }) { + + return ( +
    +
    +
    +
    + +
    +

    + {data.text} +

    + {data.typeItem} +
    +
    +
    +
    {data.dataShared}
    + seed +
    +
    +
    {data.dataShared}
    + hash +
    +
    + {/* Avatars */} +
    + {data.usersImges.map(pic => { + return + })} +
    +
    + Explore -> +
    +
    +
    + ) +} + +export default SharedDataRoadMap; diff --git a/src/partials/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 diff --git a/src/partials/validate/ValidateItem.jsx b/src/partials/validate/ValidateItem.jsx new file mode 100644 index 0000000..f3f9f78 --- /dev/null +++ b/src/partials/validate/ValidateItem.jsx @@ -0,0 +1,62 @@ +import React from 'react'; + +function ValidateTableItem(props) { + + const statusColor = (status) => { + switch (status) { + case 'Correct': + return 'bg-emerald-100 text-emerald-600'; + case 'Incorrect': + return 'bg-rose-100 text-rose-500'; + default: + return 'bg-slate-100 text-slate-500'; + } + }; + + function openValidatePanel (event) { + event.stopPropagation() + props.setValidatePanelOpen(true) + } + + return ( + openValidatePanel(e)}> + +
    + +
    + + +
    +
    {props.filed}
    +
    + + +
    {props.data}
    + + +
    {props.seed}
    + + +
    +
    {props.status}
    +
    + + + {/* Menu button */} + + + + ); +} + +export default ValidateTableItem; diff --git a/src/partials/validate/ValidatePanel.jsx b/src/partials/validate/ValidatePanel.jsx new file mode 100644 index 0000000..57bd629 --- /dev/null +++ b/src/partials/validate/ValidatePanel.jsx @@ -0,0 +1,136 @@ +import React, { useEffect, useRef } from 'react'; + +import Image from '../../images/transactions-image-04.svg'; + +function TransactionPanel({ + validatePanelOpen, + setValidatePanelOpen +}) { + + const closeBtn = useRef(null); + const panelContent = useRef(null); + + // close on click outside + useEffect(() => { + const clickHandler = ({ target }) => { + if (!validatePanelOpen || panelContent.current.contains(target) || closeBtn.current.contains(target)) return; + setValidatePanelOpen(false); + }; + document.addEventListener('click', clickHandler); + return () => document.removeEventListener('click', clickHandler); + }); + + // close if the esc key is pressed + useEffect(() => { + const keyHandler = ({ keyCode }) => { + if (!validatePanelOpen || keyCode !== 27) return; + setValidatePanelOpen(false); + }; + document.addEventListener('keydown', keyHandler); + return () => document.removeEventListener('keydown', keyHandler); + }); + + return ( +
    +
    + +
    +
    +
    Bank Transfer
    +
    22/01/2022, 8:56 PM
    + {/* Details */} +
    + {/* Top */} +
    +
    + Transaction 04 +
    +
    0.012 IDN
    +
    Total amount fee
    +
    + {/* Divider */} + + {/* Receipts */} +
    +
    Receipts
    +
    + + + + + +
    +
    + {/* Notes */} +
    +
    Notes
    +
    + +