diff --git a/src/components/Charts/BubbleChart.js b/src/components/Charts/BubbleChart.js deleted file mode 100755 index fc226d3d..00000000 --- a/src/components/Charts/BubbleChart.js +++ /dev/null @@ -1,50 +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, { Component } from "react"; -import Chart from "react-apexcharts"; - -class BubbleChart extends Component { - constructor(props) { - super(props); - this.state = { - chartData: [], - chartOptions: {}, - }; - } - - componentDidMount() { - this.setState({ - chartData: this.props.chartData, - chartOptions: this.props.chartOptions, - }); - } - - render() { - return ( - - ); - } -} - -export default BubbleChart; diff --git a/src/components/Charts/LineBarChart.js b/src/components/Charts/LineBarChart.js deleted file mode 100755 index b3524879..00000000 --- a/src/components/Charts/LineBarChart.js +++ /dev/null @@ -1,50 +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, { Component } from "react"; -import Chart from "react-apexcharts"; - -class LineBarChart extends Component { - constructor(props) { - super(props); - this.state = { - chartData: [], - chartOptions: {}, - }; - } - - componentDidMount() { - this.setState({ - chartData: this.props.chartData, - chartOptions: this.props.chartOptions, - }); - } - - render() { - return ( - - ); - } -} - -export default LineBarChart; diff --git a/src/components/Charts/PolarChart.js b/src/components/Charts/PolarChart.js deleted file mode 100755 index 0248f08d..00000000 --- a/src/components/Charts/PolarChart.js +++ /dev/null @@ -1,51 +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"; -import ReactApexChart from "react-apexcharts"; - -class PolarChart extends React.Component { - constructor(props) { - super(props); - - this.state = { - chartData: [], - chartOptions: {}, - }; - } - - componentDidMount() { - this.setState({ - chartData: this.props.chartData, - chartOptions: this.props.chartOptions, - }); - } - - render() { - return ( - - ); - } -} - -export default PolarChart; diff --git a/src/components/Charts/RadarChart.js b/src/components/Charts/RadarChart.js deleted file mode 100755 index 1662db37..00000000 --- a/src/components/Charts/RadarChart.js +++ /dev/null @@ -1,51 +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"; -import ReactApexChart from "react-apexcharts"; - -class RadarChart extends React.Component { - constructor(props) { - super(props); - - this.state = { - chartData: [], - chartOptions: {}, - }; - } - - componentDidMount() { - this.setState({ - chartData: this.props.chartData, - chartOptions: this.props.chartOptions, - }); - } - - render() { - return ( - - ); - } -} - -export default RadarChart; diff --git a/src/views/Pages/Charts.js b/src/views/Pages/Charts.js deleted file mode 100755 index 05acfcec..00000000 --- a/src/views/Pages/Charts.js +++ /dev/null @@ -1,221 +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, Grid, Text, useColorModeValue } from "@chakra-ui/react"; -// Custom components -import Card from "components/Card/Card"; -import CardBody from "components/Card/CardBody"; -import CardHeader from "components/Card/CardHeader"; -import BarChart from "components/Charts/BarChart"; -import BubbleChart from "components/Charts/BubbleChart"; -import DonutChart from "components/Charts/DonutChart"; -import LineBarChart from "components/Charts/LineBarChart"; -import LineChart from "components/Charts/LineChart"; -import PieChart from "components/Charts/PieChart"; -import PolarChart from "components/Charts/PolarChart"; -import RadarChart from "components/Charts/RadarChart"; -// Assets -import React from "react"; -import { - barChartDataCharts1, - barChartDataCharts2, - barChartOptionsCharts1, - barChartOptionsCharts2, - bubbleChartData, - bubbleChartOptions, - donutChartDataCharts1, - donutChartOptionsCharts1, - lineBarChartData, - lineBarChartOptions, - lineChartDataCharts1, - lineChartDataCharts2, - lineChartOptionsCharts1, - lineChartOptionsCharts2, - pieChartDataCharts1, - pieChartOptionsCharts1, - polarChartDataCharts, - polarChartOptionsCharts, - radarChartDataCharts, - radarChartOptionsCharts, -} from "variables/charts"; - -function Charts() { - const textColor = useColorModeValue("gray.700", "white"); - - return ( - - - - - Line chart - - - - - - - - - - - - Line chart with gradient - - - - - - - - - - - - Bar chart - - - - - - - - - - - - Bar chart horizontal - - - - - - - - - - - - Mixed chart - - - - - - - - - - - - Bubble chart - - - - - - - - - - - - Donut chart - - - - - - - - - - - - Pie chart - - - - - - - - - - - - Radar chart - - - - - - - - - - - - Polar chart - - - - - - - - - - ); -} - -export default Charts; diff --git a/src/views/Pages/Projects/General.js b/src/views/Pages/Projects/General.js deleted file mode 100755 index 38162b0e..00000000 --- a/src/views/Pages/Projects/General.js +++ /dev/null @@ -1,740 +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'; - -// Chakra imports -import { - Avatar, - Badge, - Button, - Checkbox, - Flex, - Grid, - Icon, - Progress, - Stack, - Stat, - StatHelpText, - StatLabel, - StatNumber, - Text, - useColorMode, - useColorModeValue, -} from '@chakra-ui/react'; -// Assets -import avatar4 from 'assets/img/avatars/avatar4.png'; -import basicDark from 'assets/img/BgMusicCard.png'; -import basicBlue from 'assets/img/basic-auth.png'; -import { BsCircleFill } from 'react-icons/bs'; -import { IoEllipsisHorizontalSharp } from 'react-icons/io5'; -import { - CartIcon, - DocumentIcon, - GlobeIcon, - HomeIcon, - WalletIcon, -} from 'components/Icons/Icons'; -// Custom components -import Card from 'components/Card/Card'; -import CardHeader from 'components/Card/CardHeader'; -import DonutChart from 'components/Charts/DonutChart'; -import LineChart from 'components/Charts/LineChart'; -import IconBox from 'components/Icons/IconBox'; -import { HSeparator } from 'components/Separator/Separator'; -import { - donutChartDataGeneral, - donutChartOptionsGeneral, - lineChartDataGeneral, - lineChartOptionsGeneral, -} from 'variables/charts'; - -function General() { - const { colorMode } = useColorMode(); - - const textColor = useColorModeValue('gray.700', 'white'); - const iconBoxInside = useColorModeValue('white', 'white'); - const iconBlue = useColorModeValue('blue.500', 'blue.500'); - const bgSalaryCard = useColorModeValue('gray.50', 'navy.900'); - const bgButton = useColorModeValue('gray.700', 'blue.500'); - - return ( - - - - - - Earnings - - - $15,800 - - - - +15% SINCE LAST WEEK - - - - - - - - - - - Today's Money - - - - $53,000 - - - +55% - - - - - - - - - - - - - New Clients - - - - +$3,052 - - - -14% - - - - - - - - - - - - - Today's Users - - - - $2,300 - - - +5% - - - - - - - - - - - - - Total Sales - - - - $173,000 - - - +8% - - - - - - - - - - - - - - - - Esthera Jackson - - - 2h ago - - - - - - - - - I need a Ruby developer for my new website. - - - The website was initially built in PHP, I need a professional - ruby programmer to shift it. - - - - - ${' '} - - 3,000 - {' '} - / month - - - - - - - - - - - - To do List - - - 23 - 30 March 2020 - - - - - - - - - - - - - - Check status - - - - - - - - Date - - - 22 July 2022 - - - - - Project - - - 2414_VR4sf3# - - - - - Company - - - Creative Tim - - - - - - - - - - - - - - Management discussion - - - - - - - - Date - - - 22 July 2022 - - - - - Project - - - 4411_8sIsdd23 - - - - - Company - - - Apple - - - - - - - - - - - - - - New channel distribution - - - - - - - - Date - - - 22 July 2022 - - - - - Project - - - 827d_kdl33D1s - - - - - Company - - - Microsoft - - - - - - - - {' '} - - - - - - IOS App development - - - - - - - - Date - - - 22 July 2022 - - - - - Project - - - 88s1_349DA2sa - - - - - Company - - - Facebook - - - - - - - - - - - - - - - - - - - Tasks - - - 480 - - - - - - 60% - - - - - - - - - - - - - - - - - - Projects - - - 115 - - - - - - - - Done - - - - - - In progress - - - - - - - - - - - ); -} - -export default General; diff --git a/src/views/Pages/RTLPage.js b/src/views/Pages/RTLPage.js deleted file mode 100755 index 8a78e7cb..00000000 --- a/src/views/Pages/RTLPage.js +++ /dev/null @@ -1,400 +0,0 @@ -// Chakra imports -import { - Box, - Button, - Flex, - Grid, - Progress, - SimpleGrid, - Stat, - StatLabel, - StatNumber, - Table, - Tbody, - Td, - Text, - Th, - Thead, - Tr, - useColorMode, - useColorModeValue, -} from '@chakra-ui/react'; -// Custom components -import Card from 'components/Card/Card.js'; -import BarChart from 'components/Charts/BarChart'; -import LineChart from 'components/Charts/LineChart'; -import IconBox from 'components/Icons/IconBox'; -// Custom icons -import { - CartIcon, - DocumentIcon, - GlobeIcon, - WalletIcon, -} from 'components/Icons/Icons.js'; -import React from 'react'; -// Variables -import { - barChartDataRTL, - barChartOptionsRTL, - lineChartDataRTL, - lineChartOptionsRTL, -} from 'variables/charts'; -import { pageVisits, socialTraffic } from 'variables/general'; - -export default function Dashboard() { - // Chakra Color Mode - const iconBlue = useColorModeValue('blue.500', 'blue.500'); - const iconBoxInside = useColorModeValue('white', 'white'); - const textColor = useColorModeValue('gray.700', 'white'); - const tableRowColor = useColorModeValue('#F7FAFC', 'navy.900'); - const borderColor = useColorModeValue('gray.200', 'gray.600'); - const textTableColor = useColorModeValue('gray.500', 'white'); - - const { colorMode } = useColorMode(); - - return ( - - - - - - - - Today's Money - - - - $53,897 - - - - - - - - - - +3.48%{' '} - - Since last month - - - - - - - - - Today's Users - - - - $3,200 - - - - - - - - - - +5.2%{' '} - - Since last month - - - - - - - - - New Clients - - - - +2,503 - - - - - - - - - - -2.82%{' '} - - Since last month - - - - - - - - - Total Sales - - - - $173,000 - - - - - - - - - - +8.12%{' '} - - Since last month - - - - - - - - - Sales Overview - - - - (+5) more{' '} - - in 2022 - - - - - - - - - - PERFORMANCE - - - Total orders - - - - - - - - - - - Page visits - - - - - - - - - - - - - - - {pageVisits.map((el, index, arr) => { - return ( - - - - - - - ); - })} - -
- Page name - - Visitors - - Unique users - - Bounce rate -
- {el.pageName} - - {el.visitors} - - {el.uniqueUsers} - - {el.bounceRate} -
- - - - - - - - Social traffic - - - - - - - - - - - - - - - {socialTraffic.map((el, index, arr) => { - return ( - - - - - - ); - })} - -
- Referral - - Visitors -
- {el.referral} - - {el.visitors} - - - {`${el.percentage}%`} - - -
- - - - - ); -}