react-garden/src/pages/ui/cards/widgets/index.js

React + TypeScript + ThreeJS app using Material UI on NextJS, Apollo Client, GraphQL + WordPress REST APIs, for ThreeD web development.. a part of the threed.ai code family.

// ** MUI Imports
import Grid from '@mui/material/Grid'

// ** Styled Component Import
import ApexChartWrapper from '~/@core/styles/libs/react-apexcharts'

// ** Demo Components Imports
import CardWidgetsAnalytics from '~/views/ui/cards/widgets/CardWidgetsAnalytics'
import CardWidgetsSalesState from '~/views/ui/cards/widgets/CardWidgetsSalesState'
import CardWidgetsTotalSales from '~/views/ui/cards/widgets/CardWidgetsTotalSales'
import CardWidgetsWeeklySales from '~/views/ui/cards/widgets/CardWidgetsWeeklySales'
import CardWidgetsPerformance from '~/views/ui/cards/widgets/CardWidgetsPerformance'
import CardWidgetsTotalVisits from '~/views/ui/cards/widgets/CardWidgetsTotalVisits'
import CardWidgetsTotalRevenue from '~/views/ui/cards/widgets/CardWidgetsTotalRevenue'
import CardWidgetsTotalVisitors from '~/views/ui/cards/widgets/CardWidgetsTotalVisitors'
import CardWidgetsRevenueReport from '~/views/ui/cards/widgets/CardWidgetsRevenueReport'
import CardWidgetsSalesOverview from '~/views/ui/cards/widgets/CardWidgetsSalesOverview'
import CardWidgetsWeeklyOverview from '~/views/ui/cards/widgets/CardWidgetsWeeklyOverview'
import CardWidgetsActivityTimeline from '~/views/ui/cards/widgets/CardWidgetsActivityTimeline'
import CardWidgetsTotalProfitRadialBar from '~/views/ui/cards/widgets/CardWidgetsTotalProfitRadialBar'
import CardWidgetsTotalProfitStackedBar from '~/views/ui/cards/widgets/CardWidgetsTotalProfitStackedBar'

const CardWidgets = () => {
  return (
    <ApexChartWrapper>
      <Grid container spacing={6}>
        <Grid item xs={12} md={8}>
          <CardWidgetsTotalProfitStackedBar />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsTotalVisitors />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsWeeklySales />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsTotalRevenue />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsWeeklyOverview />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsPerformance />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsAnalytics />
        </Grid>
        <Grid item xs={12} sm={6} md={4}>
          <CardWidgetsSalesState />
        </Grid>
        <Grid item xs={12} sm={6} md={3}>
          <CardWidgetsTotalProfitRadialBar />
        </Grid>
        <Grid item xs={12} sm={4} md={3}>
          <CardWidgetsTotalSales />
        </Grid>
        <Grid item xs={12} sm={4} md={3}>
          <CardWidgetsTotalVisits />
        </Grid>
        <Grid item xs={12} sm={4} md={3}>
          <CardWidgetsRevenueReport />
        </Grid>
        <Grid item xs={12} md={6}>
          <CardWidgetsActivityTimeline />
        </Grid>
        <Grid item xs={12} md={6}>
          <CardWidgetsSalesOverview />
        </Grid>
      </Grid>
    </ApexChartWrapper>
  )
}

export default CardWidgets