diff --git a/src/_nav.js b/src/_nav.js index db9cefb..896540c 100644 --- a/src/_nav.js +++ b/src/_nav.js @@ -45,6 +45,49 @@ const _nav = [ // icon: , // to: "/design", // }, + { + component: CNavGroup, + name: "Charts", + icon: , + items: [ + { + component: CNavItem, + name: "new user day wise", + icon: , + to: "/new-user-day-wise", + }, + { + component: CNavItem, + name: "Revenue By Product", + icon: , + to: "/revenue-by-product", + }, + { + component: CNavItem, + name: "Revenue By State", + icon: , + to: "/revenue-by-state", + }, + { + component: CNavItem, + name: "Revenue By City", + icon: , + to: "/revenue-by-city", + }, + { + component: CNavItem, + name: "Orders (Day Wise)", + icon: , + to: "/orders-day-wise", + }, + { + component: CNavItem, + name: "Revenue (Day Wise)", + icon: , + to: "/revenue-day-wise", + }, + ], + }, { component: CNavGroup, diff --git a/src/routes.js b/src/routes.js index c8f5c9c..ce7c7d2 100644 --- a/src/routes.js +++ b/src/routes.js @@ -121,6 +121,14 @@ import CreateBlog from "./views/Blog/CreateBlog"; import users from "./views/Users/users"; import UpdateBlog from "./views/Blog/EditBlog"; import ViewBlog from "./views/Blog/ViewBlog"; +import Charts from "./views/Charts/RevenueCharts"; +import UserCharts from "./views/Charts/UserChart"; +import ProductrevenueCharts from "./views/Charts/ProductRevenue"; +import StateRevenueCharts from "./views/Charts/Staterevenue"; +import CityRevenueCharts from "./views/Charts/CityRevenue"; +import { element } from "prop-types"; +import OrderdayChart from "./views/Charts/OrderDaywise"; +import RevenueCharts from "./views/Charts/RevenueCharts"; const routes = [ { path: "/", exact: true, name: "Home" }, { @@ -505,6 +513,37 @@ const routes = [ name: "Blogs", element: ViewBlog, }, + //Charts + { + path: "/new-user-day-wise", + name: "new user day wise", + element: UserCharts, + }, + { + path: "/revenue-by-product", + name: "Revenue By Product", + element: ProductrevenueCharts, + }, + { + path: "/revenue-by-state", + name: "Revenue By State", + element: StateRevenueCharts, + }, + { + path: "/revenue-by-city", + name: "Revenue By City", + element: CityRevenueCharts, + }, + { + path: "/orders-day-wise", + name: "Orders (Day Wise)", + element: OrderdayChart, + }, + { + path: "/revenue-day-wise", + name: "Revenue (Day Wise)", + element: RevenueCharts, + }, ]; export default routes; diff --git a/src/views/Charts/CityRevenue.js b/src/views/Charts/CityRevenue.js new file mode 100644 index 0000000..6cf4db2 --- /dev/null +++ b/src/views/Charts/CityRevenue.js @@ -0,0 +1,27 @@ +import { isAutheticated } from "../../auth.js"; + +const CityRevenueCharts = () => { + const token = isAutheticated(); + + return ( +
+ {token ? ( + + ) : ( +

No charts available

+ )} +
+ ); +}; + +export default CityRevenueCharts; \ No newline at end of file diff --git a/src/views/Charts/OrderDaywise.js b/src/views/Charts/OrderDaywise.js new file mode 100644 index 0000000..08f4373 --- /dev/null +++ b/src/views/Charts/OrderDaywise.js @@ -0,0 +1,27 @@ +import { isAutheticated } from "../../auth.js"; + +const OrderdayChart = () => { + const token = isAutheticated(); + + return ( +
+ {token ? ( + + ) : ( +

No charts available

+ )} +
+ ); +}; + +export default OrderdayChart; diff --git a/src/views/Charts/ProductRevenue.js b/src/views/Charts/ProductRevenue.js new file mode 100644 index 0000000..d6bb0c5 --- /dev/null +++ b/src/views/Charts/ProductRevenue.js @@ -0,0 +1,27 @@ +import { isAutheticated } from "../../auth.js"; + +const ProductrevenueCharts = () => { + const token = isAutheticated(); + + return ( +
+ {token ? ( + + ) : ( +

No charts available

+ )} +
+ ); +}; + +export default ProductrevenueCharts; diff --git a/src/views/Charts/RevenueCharts.js b/src/views/Charts/RevenueCharts.js new file mode 100644 index 0000000..40a9cf6 --- /dev/null +++ b/src/views/Charts/RevenueCharts.js @@ -0,0 +1,27 @@ +import { isAutheticated } from "../../auth.js"; + +const RevenueCharts = () => { + const token = isAutheticated(); + + return ( +
+ {token ? ( + + ) : ( +

No charts available

+ )} +
+ ); +}; + +export default RevenueCharts; diff --git a/src/views/Charts/Staterevenue.js b/src/views/Charts/Staterevenue.js new file mode 100644 index 0000000..c584d5b --- /dev/null +++ b/src/views/Charts/Staterevenue.js @@ -0,0 +1,27 @@ +import { isAutheticated } from "../../auth.js"; + +const StateRevenueCharts = () => { + const token = isAutheticated(); + + return ( +
+ {token ? ( + + ) : ( +

No charts available

+ )} +
+ ); +}; + +export default StateRevenueCharts; \ No newline at end of file diff --git a/src/views/Charts/UserChart.js b/src/views/Charts/UserChart.js new file mode 100644 index 0000000..e99dcfc --- /dev/null +++ b/src/views/Charts/UserChart.js @@ -0,0 +1,27 @@ +import { isAutheticated } from "../../auth.js"; + +const UserCharts = () => { + const token = isAutheticated(); + + return ( +
+ {token ? ( + + ) : ( +

No charts available

+ )} +
+ ); +}; + +export default UserCharts; diff --git a/src/views/dashboard/Dashboard.js b/src/views/dashboard/Dashboard.js index 88a69c8..805fa64 100644 --- a/src/views/dashboard/Dashboard.js +++ b/src/views/dashboard/Dashboard.js @@ -51,7 +51,7 @@ const Dashboard = () => { }); // console.log(res.data); setRequests(res.data.contactRequest); - } + }; // //3 requiment // const [requirement, setRequirement] = useState([]) @@ -124,7 +124,12 @@ const Dashboard = () => { }, [token]); return ( <> - + ); };