diff --git a/src/components/Navbars/AuthNavbar.js b/src/components/Navbars/AuthNavbar.js deleted file mode 100755 index 9935d540..00000000 --- a/src/components/Navbars/AuthNavbar.js +++ /dev/null @@ -1,674 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -// Chakra imports -import { - Box, - Button, - Flex, - Grid, - HStack, - Icon, - Link, - Menu, - MenuItem, - MenuList, - MenuButton, - Stack, - Text, - useColorModeValue, - useColorMode, - useDisclosure, -} from '@chakra-ui/react'; -import bgCard from 'assets/img/background-card-reports.png'; -import IconBox from 'components/Icons/IconBox'; -import { - CreativeTimLogo, - RocketIcon, - ChakraLogoDark, - ChakraLogoLight, - ArgonLogoDark, - ArgonLogoLight, - ChakraLogoBlue, -} from 'components/Icons/Icons'; -import { SidebarResponsive } from 'components/Sidebar/Sidebar'; -import PropTypes from 'prop-types'; -import { Fragment } from 'react'; -import { Star, ChevronDown, ChevronRight } from 'lucide-react'; -import { NavLink } from 'react-router-dom'; -import { SidebarContext } from 'contexts/SidebarContext'; -import routes from 'routes.js'; - -export default function AuthNavbar(props) { - const { logo, logoText, secondary, sidebarWidth, ...rest } = props; - const { colorMode } = useColorMode(); - // Menu States - const { - isOpen: isOpenPages, - onOpen: onOpenPages, - onClose: onClosePages, - } = useDisclosure(); - - const { - isOpen: isOpenAuth, - onOpen: onOpenAuth, - onClose: onCloseAuth, - } = useDisclosure(); - - const { - isOpen: isOpenApplication, - onOpen: onOpenApplication, - onClose: onCloseApplication, - } = useDisclosure(); - - const { - isOpen: isOpenEcommerce, - onOpen: onOpenEcommerce, - onClose: onCloseEcommerce, - } = useDisclosure(); - - // Menus - let authObject = {}; - routes.forEach((route) => { - if (route.items) { - authObject = route.items.find((link) => link.name === 'Authentication'); - } - }); - - let applicationsObject = {}; - routes.forEach((route) => { - if (route.items) { - applicationsObject = route.items.find( - (link) => link.name === 'Applications' - ); - } - }); - - let ecommerceObject = {}; - routes.forEach((route) => { - if (route.items) { - ecommerceObject = route.items.find((link) => link.name === 'Ecommerce'); - } - }); - - let extraArr = []; - routes.forEach((route) => { - route.items.forEach((item) => { - if (item.items && item.name === 'Pages') { - extraArr = item.items.filter((link) => !link.collapse); - } - }); - }); - - // Chakra color mode - - let brand = ( - - - - - - - - {logoText} - - - ); - - const textColor = useColorModeValue('gray.700', '#fff'); - let menuBg = useColorModeValue('white', 'navy.900'); - let mainText = '#fff'; - let navbarBg = 'none'; - let navbarShadow = 'initial'; - let bgButton = useColorModeValue('white', 'navy.900'); - let colorButton = useColorModeValue('gray.700', 'white'); - let navbarPosition = 'absolute'; - if (props.secondary === true) { - brand = ( - - - {colorMode === 'light' ? ( - - ) : ( - - )} - - {colorMode === 'light' ? ( - - ) : ( - - )} - - - {logoText} - - - ); - mainText = useColorModeValue('gray.700', 'gray.200'); - navbarBg = useColorModeValue('white', 'navy.800'); - navbarShadow = useColorModeValue( - '0px 7px 23px rgba(0, 0, 0, 0.05)', - 'none' - ); - bgButton = useColorModeValue('gray.700', 'white'); - colorButton = useColorModeValue('white', 'gray.700'); - navbarPosition = 'fixed'; - } - - const createPagesLinks = (routes) => { - return routes.map((link, key) => { - if ( - link.name === 'Applications' || - link.name === 'Ecommerce' || - link.name === 'Authentication' || - link.name === 'RTL' || - link.name === 'Widgets' || - link.name === 'Charts' || - link.name === 'Alerts' - ) { - return; - } - if (link.name === 'Pricing Page') { - return ( - - - - - - - Extra - - - {createExtraLinks(extraArr)} - - ); - } - if (link.authIcon) { - return ( - - - - {link.authIcon} - - - {link.name} - - - {createPagesLinks(link.items)} - - ); - } else { - if (link.component) { - return ( - - - - {link.name} - - - - ); - } else { - return {createPagesLinks(link.items)}; - } - } - }); - }; - - const createExtraLinks = (routes) => { - return routes.map((link, key) => { - return ( - - - - {link.name} - - - - ); - }); - }; - - const createAuthLinks = (routes) => { - return routes.map((link, key) => { - if (link.authIcon && link.collapse == true) { - return ( - - - - - - {link.name} - - - - - - {createAuthLinks(link.items)} - - - ); - } else { - return ( - - - - {link.name} - - - - ); - } - }); - }; - - const createApplicationLinks = (routes) => { - return routes.map((link, key) => { - return ( - - - - {link.authIcon} - - - {link.name} - - - - ); - }); - }; - - const createEcommerceLinks = (routes) => { - return routes.map((link, key) => { - if (link.authIcon) { - return ( - - - - {link.authIcon} - - - {link.name} - - - {createPagesLinks(link.items)} - - ); - } else { - if (link.component) { - return ( - - - - {link.name} - - - - ); - } else { - return <>{createPagesLinks(link.items)}; - } - } - }); - }; - - const linksAuth = ( - - - - Pages - - - - - - {createPagesLinks(routes)} - - - - - - - Authentications - - - - - - - - - - - Explore our utilities pages - - - - {createAuthLinks(authObject.items)} - - - - - - - - Application - - - - - - {createApplicationLinks(applicationsObject.items)} - - - - - - - Ecommerce - - - - - - {createEcommerceLinks(ecommerceObject.items)} - - - - - - ); - - return ( - - - - {brand} - - - {colorMode === 'dark' ? ( - - ) : ( - - )} - - {colorMode === 'dark' ? ( - - ) : ( - - )} - - } - logoText={props.logoText} - secondary={props.secondary} - routes={routes} - {...rest} - /> - - {linksAuth} - - - - - - - ); -} - -AuthNavbar.propTypes = { - color: PropTypes.oneOf(['primary', 'info', 'success', 'warning', 'danger']), - brandText: PropTypes.string, -}; diff --git a/src/components/Navbars/Settings/SettingsBar.js b/src/components/Navbars/Settings/SettingsBar.js deleted file mode 100755 index 4591c45d..00000000 --- a/src/components/Navbars/Settings/SettingsBar.js +++ /dev/null @@ -1,71 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import { - Button, - Drawer, - DrawerBody, - DrawerCloseButton, - DrawerContent, - DrawerFooter, - DrawerHeader, - Input, - useColorModeValue, - useDisclosure, -} from "@chakra-ui/react"; -import { SettingsIcon } from "components/Icons/Icons"; -import React from "react"; - -export function SettingsBar() { - const { isOpen, onOpen, onClose } = useDisclosure(); - // Chakra Color Mode - const navbarIcon = useColorModeValue("gray.500", "gray.200"); - const settingsRef = React.useRef(); - return ( - <> - - - - - Create your account - - - - - - - - - - - - - ); -} diff --git a/src/components/PostHogProvider.js b/src/components/PostHogProvider.js deleted file mode 100644 index 0ed48309..00000000 --- a/src/components/PostHogProvider.js +++ /dev/null @@ -1,83 +0,0 @@ -// src/components/PostHogProvider.js -import React, { useEffect, useState } from 'react'; -import { initPostHog } from '../lib/posthog'; -import { usePageTracking } from '../hooks/usePageTracking'; - -/** - * PostHog Provider Component - * Initializes PostHog SDK and provides automatic page view tracking - * - * Usage: - * - * - * - */ -export const PostHogProvider = ({ children }) => { - const [isInitialized, setIsInitialized] = useState(false); - - // Initialize PostHog once when component mounts - useEffect(() => { - // Only run in browser - if (typeof window === 'undefined') return; - - // Initialize PostHog - initPostHog(); - setIsInitialized(true); - - // Log initialization - if (process.env.NODE_ENV === 'development') { - console.log('✅ PostHogProvider initialized'); - } - }, []); - - // Automatically track page views - usePageTracking({ - enabled: isInitialized, - getProperties: (location) => { - // Add custom properties based on route - const properties = {}; - - // Identify page type based on path - if (location.pathname === '/home' || location.pathname === '/home/') { - properties.page_type = 'landing'; - } else if (location.pathname.startsWith('/home/center')) { - properties.page_type = 'dashboard'; - } else if (location.pathname.startsWith('/auth/')) { - properties.page_type = 'auth'; - } else if (location.pathname.startsWith('/community')) { - properties.page_type = 'feature'; - properties.feature_name = 'community'; - } else if (location.pathname.startsWith('/concepts')) { - properties.page_type = 'feature'; - properties.feature_name = 'concepts'; - } else if (location.pathname.startsWith('/stocks')) { - properties.page_type = 'feature'; - properties.feature_name = 'stocks'; - } else if (location.pathname.startsWith('/limit-analyse')) { - properties.page_type = 'feature'; - properties.feature_name = 'limit_analyse'; - } else if (location.pathname.startsWith('/trading-simulation')) { - properties.page_type = 'feature'; - properties.feature_name = 'trading_simulation'; - } else if (location.pathname.startsWith('/company')) { - properties.page_type = 'detail'; - properties.content_type = 'company'; - } else if (location.pathname.startsWith('/event-detail')) { - properties.page_type = 'detail'; - properties.content_type = 'event'; - } - - return properties; - }, - }); - - // Don't render children until PostHog is initialized - // This prevents tracking events before SDK is ready - if (!isInitialized) { - return children; // Or return a loading spinner - } - - return <>{children}; -}; - -export default PostHogProvider; diff --git a/src/components/RTLProvider/RTLProvider.js b/src/components/RTLProvider/RTLProvider.js deleted file mode 100755 index 1fc42a43..00000000 --- a/src/components/RTLProvider/RTLProvider.js +++ /dev/null @@ -1,30 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import { CacheProvider } from "@emotion/react"; -import createCache from "@emotion/cache"; -import rtl from "stylis-plugin-rtl"; -// NB: A unique `key` is important for it to work! -const options = { - rtl: { key: "css-ar", stylisPlugins: [rtl] }, - ltr: { key: "css-en" }, -}; -export function RtlProvider({ children }) { - const dir = document.documentElement.dir == "ar" ? "rtl" : "ltr"; - const cache = createCache(options[dir]); - return ; -} diff --git a/src/components/Scrollbar/Scrollbar.js b/src/components/Scrollbar/Scrollbar.js deleted file mode 100755 index ee4439c8..00000000 --- a/src/components/Scrollbar/Scrollbar.js +++ /dev/null @@ -1,108 +0,0 @@ -/*! - -========================================================= -* Argon Dashboard Chakra PRO - v1.0.0 -========================================================= - -* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro -* Copyright 2022 Creative Tim (https://www.creative-tim.com/) - -* Designed and Coded by Simmmple & Creative Tim - -========================================================= - -* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -*/ - -import React from "react"; - -export const renderTrack = ({ style, ...props }) => { - const trackStyle = { - position: "absolute", - maxWidth: "100%", - width: 6, - transition: "opacity 200ms ease 0s", - opacity: 0, - bottom: 2, - top: 2, - borderRadius: 3, - right: 0, - }; - return
; -}; -export const renderTrackRTL = ({ style, ...props }) => { - const trackStyle = { - position: "absolute", - width: 6, - transition: "opacity 200ms ease 0s", - opacity: 0, - bottom: 2, - top: 2, - borderRadius: 3, - right: "unset", - left: 0, - }; - return
; -}; -export const renderThumbDark = ({ style, ...props }) => { - const thumbStyle = { - borderRadius: 15, - background: "rgba(222, 222, 222, .1)", - }; - return
; -}; -export const renderThumbLight = ({ style, ...props }) => { - const thumbStyle = { - borderRadius: 15, - background: "rgba(48, 48, 48, .1)", - }; - return
; -}; -export const renderView = ({ style, ...props }) => { - const viewStyle = { - marginRight: -25, - }; - return
; -}; -export const renderViewRTL = ({ style, ...props }) => { - const viewStyle = { - marginRight: "unset", - marginLeft: -15, - }; - return
; -}; - -export const kanbanRenderTrack = ({ style, ...props }) => { - const trackStyle = { - width: 6, - transition: "opacity 200ms ease 0s", - opacity: 0, - bottom: 2, - top: 2, - borderRadius: 3, - right: 0, - }; - return
; -}; -export const kanbanRenderThumbDark = ({ style, ...props }) => { - const thumbStyle = { - borderRadius: 15, - background: "rgba(222, 222, 222, .1)", - }; - return
; -}; -export const kanbanRenderThumbLight = ({ style, ...props }) => { - const thumbStyle = { - borderRadius: 15, - background: "rgba(48, 48, 48, .1)", - }; - return
; -}; -export const kanbanRenderView = ({ style, ...props }) => { - const viewStyle = { - position: "relative", - marginRight: -15, - }; - return
; -};