@rsc-labs/medusa-store-analytics-v2
Version:
Get analytics data about your store
35 lines (34 loc) • 3.35 kB
JavaScript
import { jsxs, jsx } from "react/jsx-runtime";
import { Container, Alert } from "@medusajs/ui";
import { Grid } from "@mui/material";
import "react";
import "@medusajs/icons";
import { OrdersOverviewCard } from "../orders/orders-overview-card.js";
import "recharts";
import { SalesOverviewCard } from "../sales/sales-overview-card.js";
import { SalesChannelPopularityCard } from "../sales/sales-channel-popularity-card.js";
import { RegionsPopularityCard } from "../sales/regions-popularity-card.js";
import { CustomersOverviewCard } from "../customers/customers-overview-card.js";
import { CumulativeCustomersCard } from "../customers/cumulative-history/cumulative-customers-card.js";
import { VariantsTopByCountCard } from "../products/variants-top-by-count.js";
import "react-router-dom";
import { ProductsSoldCountCard } from "../products/products-sold-count.js";
const InfoBox = () => {
return /* @__PURE__ */ jsx(Alert, { variant: "info", children: "Click on other tabs to see more statistics." });
};
const OverviewTab = ({ orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) => {
return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(OrdersOverviewCard, { orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(SalesOverviewCard, { orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(CustomersOverviewCard, { dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(CumulativeCustomersCard, { dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(VariantsTopByCountCard, { orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(SalesChannelPopularityCard, { orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(RegionsPopularityCard, { orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 6, xl: 6, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(ProductsSoldCountCard, { orderStatuses, dateRange, dateRangeCompareTo, compareEnabled }) }) }),
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 12, xl: 12, marginTop: 3, marginBottom: 10, children: /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(InfoBox, {}) }) }) })
] });
};
export {
OverviewTab as default
};