@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/sections/overview/booking/booking-total-incomes.jsx

@@ -1,137 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import { alpha, useTheme } from '@mui/material/styles';
-
-import { fPercent, fCurrency } from 'src/utils/format-number';
-
-import { bgGradient } from 'src/theme/css';
-
-import Iconify from 'src/components/iconify';
-import Chart, { useChart } from 'src/components/chart';
-
-// ----------------------------------------------------------------------
-
-export default function BookingTotalIncomes({
-  title,
-  total,
-  percent,
-  color = 'primary',
-  chart,
-  sx,
-  ...other
-}) {
-  const theme = useTheme();
-
-  const {
-    colors = [theme.palette[color].main, theme.palette[color].dark],
-    series,
-    options,
-  } = chart;
-
-  const chartOptions = useChart({
-    colors: [colors[1]],
-    fill: {
-      type: 'gradient',
-      gradient: {
-        colorStops: [
-          { offset: 0, color: colors[0], opacity: 1 },
-          { offset: 100, color: colors[1], opacity: 1 },
-        ],
-      },
-    },
-    chart: {
-      sparkline: {
-        enabled: true,
-      },
-    },
-    xaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    yaxis: {
-      labels: {
-        show: false,
-      },
-    },
-    stroke: {
-      width: 4,
-    },
-    legend: {
-      show: false,
-    },
-    grid: {
-      show: false,
-    },
-    tooltip: {
-      marker: {
-        show: false,
-      },
-      y: {
-        formatter: (value) => fCurrency(value),
-        title: {
-          formatter: () => '',
-        },
-      },
-    },
-    ...options,
-  });
-
-  return (
-    <Stack
-      sx={{
-        ...bgGradient({
-          direction: '135deg',
-          startColor: alpha(theme.palette[color].light, 0.2),
-          endColor: alpha(theme.palette[color].main, 0.2),
-        }),
-        p: 3,
-        borderRadius: 2,
-        color: `${color}.darker`,
-        backgroundColor: 'common.white',
-        ...sx,
-      }}
-      {...other}
-    >
-      <Stack direction="row" justifyContent="space-between" sx={{ mb: 3 }}>
-        <div>
-          <Box sx={{ mb: 1, typography: 'subtitle2' }}>{title}</Box>
-          <Box sx={{ typography: 'h3' }}>{fCurrency(total)}</Box>
-        </div>
-
-        <div>
-          <Stack spacing={0.5} direction="row" alignItems="center" justifyContent="flex-end">
-            <Iconify icon={percent >= 0 ? 'eva:trending-up-fill' : 'eva:trending-down-fill'} />
-
-            <Box sx={{ typography: 'subtitle2' }}>
-              {percent > 0 && '+'}
-              {fPercent(percent)}
-            </Box>
-          </Stack>
-
-          <Box sx={{ mt: 0.5, opacity: 0.8, typography: 'body2' }}>than last month </Box>
-        </div>
-      </Stack>
-
-      <Chart
-        dir="ltr"
-        type="line"
-        series={[{ data: series }]}
-        options={chartOptions}
-        width="100%"
-        height={118}
-      />
-    </Stack>
-  );
-}
-
-BookingTotalIncomes.propTypes = {
-  chart: PropTypes.object,
-  color: PropTypes.string,
-  percent: PropTypes.number,
-  sx: PropTypes.object,
-  title: PropTypes.string,
-  total: PropTypes.number,
-};

package/minimal/src/sections/overview/booking/booking-widget-summary.jsx

@@ -1,48 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Card from '@mui/material/Card';
-
-import { fShortenNumber } from 'src/utils/format-number';
-
-// ----------------------------------------------------------------------
-
-export default function BookingWidgetSummary({ title, total, icon, sx, ...other }) {
-  return (
-    <Card
-      sx={{
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        p: 2,
-        pl: 3,
-        ...sx,
-      }}
-      {...other}
-    >
-      <Box>
-        <Box sx={{ mb: 1, typography: 'h3' }}>{fShortenNumber(total)}</Box>
-        <Box sx={{ color: 'text.secondary', typography: 'subtitle2' }}>{title}</Box>
-      </Box>
-
-      <Box
-        sx={{
-          width: 120,
-          height: 120,
-          lineHeight: 0,
-          borderRadius: '50%',
-          bgcolor: 'background.neutral',
-        }}
-      >
-        {icon}
-      </Box>
-    </Card>
-  );
-}
-
-BookingWidgetSummary.propTypes = {
-  icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
-  sx: PropTypes.object,
-  title: PropTypes.string,
-  total: PropTypes.number,
-};

package/minimal/src/sections/overview/booking/view/index.js

@@ -1 +0,0 @@
-export { default as OverviewBankingView } from './overview-booking-view';

package/minimal/src/sections/overview/booking/view/overview-booking-view.jsx

@@ -1,183 +0,0 @@
-import { useTheme } from '@mui/material/styles';
-import Container from '@mui/material/Container';
-import Grid from '@mui/material/Unstable_Grid2';
-
-import { _bookings, _bookingNew, _bookingReview, _bookingsOverview } from 'src/_mock';
-import {
-  BookingIllustration,
-  CheckInIllustration,
-  CheckoutIllustration,
-} from 'src/assets/illustrations';
-
-import { useSettingsContext } from 'src/components/settings';
-
-import BookingBooked from '../booking-booked';
-import BookingNewest from '../booking-newest';
-import BookingDetails from '../booking-details';
-import BookingAvailable from '../booking-available';
-import BookingStatistics from '../booking-statistics';
-import BookingTotalIncomes from '../booking-total-incomes';
-import BookingWidgetSummary from '../booking-widget-summary';
-import BookingCheckInWidgets from '../booking-check-in-widgets';
-import BookingCustomerReviews from '../booking-customer-reviews';
-
-// ----------------------------------------------------------------------
-
-const SPACING = 3;
-
-export default function OverviewBookingView() {
-  const theme = useTheme();
-
-  const settings = useSettingsContext();
-
-  return (
-    <Container maxWidth={settings.themeStretch ? false : 'xl'}>
-      <Grid container spacing={SPACING} disableEqualOverflow>
-        <Grid xs={12} md={4}>
-          <BookingWidgetSummary
-            title="Total Booking"
-            total={714000}
-            icon={<BookingIllustration />}
-          />
-        </Grid>
-
-        <Grid xs={12} md={4}>
-          <BookingWidgetSummary title="Sold" total={311000} icon={<CheckInIllustration />} />
-        </Grid>
-
-        <Grid xs={12} md={4}>
-          <BookingWidgetSummary title="Canceled" total={124000} icon={<CheckoutIllustration />} />
-        </Grid>
-
-        <Grid container xs={12}>
-          <Grid container xs={12} md={8}>
-            <Grid xs={12} md={6}>
-              <BookingTotalIncomes
-                title="Total Incomes"
-                total={18765}
-                percent={2.6}
-                chart={{
-                  series: [
-                    { x: 2016, y: 111 },
-                    { x: 2017, y: 136 },
-                    { x: 2018, y: 76 },
-                    { x: 2019, y: 108 },
-                    { x: 2020, y: 74 },
-                    { x: 2021, y: 54 },
-                    { x: 2022, y: 57 },
-                    { x: 2023, y: 84 },
-                  ],
-                }}
-              />
-            </Grid>
-
-            <Grid xs={12} md={6}>
-              <BookingBooked title="Booked" data={_bookingsOverview} />
-            </Grid>
-
-            <Grid xs={12}>
-              <BookingCheckInWidgets
-                chart={{
-                  series: [
-                    { label: 'Sold', percent: 72, total: 38566 },
-                    { label: 'Pending for payment', percent: 64, total: 18472 },
-                  ],
-                }}
-              />
-            </Grid>
-
-            <Grid xs={12}>
-              <BookingStatistics
-                title="Statistics"
-                subheader="(+43% Sold | +12% Canceled) than last year"
-                chart={{
-                  colors: [theme.palette.primary.main, theme.palette.error.light],
-                  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
-                  series: [
-                    {
-                      type: 'Week',
-                      data: [
-                        {
-                          name: 'Sold',
-                          data: [10, 41, 35, 151, 49, 62, 69, 91, 48],
-                        },
-                        {
-                          name: 'Canceled',
-                          data: [10, 34, 13, 56, 77, 88, 99, 77, 45],
-                        },
-                      ],
-                    },
-                    {
-                      type: 'Month',
-                      data: [
-                        {
-                          name: 'Sold',
-                          data: [148, 91, 69, 62, 49, 51, 35, 41, 10],
-                        },
-                        {
-                          name: 'Canceled',
-                          data: [45, 77, 99, 88, 77, 56, 13, 34, 10],
-                        },
-                      ],
-                    },
-                    {
-                      type: 'Year',
-                      data: [
-                        {
-                          name: 'Sold',
-                          data: [76, 42, 29, 41, 27, 138, 117, 86, 63],
-                        },
-                        {
-                          name: 'Canceled',
-                          data: [80, 55, 34, 114, 80, 130, 15, 28, 55],
-                        },
-                      ],
-                    },
-                  ],
-                }}
-              />
-            </Grid>
-          </Grid>
-
-          <Grid xs={12} md={4}>
-            <BookingAvailable
-              title="Tours Available"
-              chart={{
-                series: [
-                  { label: 'Sold out', value: 120 },
-                  { label: 'Available', value: 66 },
-                ],
-              }}
-            />
-
-            <BookingCustomerReviews
-              title="Customer Reviews"
-              subheader={`${_bookingReview.length} Reviews`}
-              list={_bookingReview}
-              sx={{ mt: SPACING }}
-            />
-          </Grid>
-        </Grid>
-
-        <Grid xs={12}>
-          <BookingNewest title="Newest Booking" subheader="12 Booking" list={_bookingNew} />
-        </Grid>
-
-        <Grid xs={12}>
-          <BookingDetails
-            title="Booking Details"
-            tableData={_bookings}
-            tableLabels={[
-              { id: 'destination', label: 'Destination' },
-              { id: 'customer', label: 'Customer' },
-              { id: 'checkIn', label: 'Check In' },
-              { id: 'checkOut', label: 'Check Out' },
-              { id: 'status', label: 'Status' },
-              { id: '' },
-            ]}
-          />
-        </Grid>
-      </Grid>
-    </Container>
-  );
-}

package/minimal/src/sections/overview/e-commerce/ecommerce-best-salesman.jsx

@@ -1,94 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Card from '@mui/material/Card';
-import Table from '@mui/material/Table';
-import Avatar from '@mui/material/Avatar';
-import TableRow from '@mui/material/TableRow';
-import TableCell from '@mui/material/TableCell';
-import TableBody from '@mui/material/TableBody';
-import CardHeader from '@mui/material/CardHeader';
-import TableContainer from '@mui/material/TableContainer';
-
-import { fCurrency } from 'src/utils/format-number';
-
-import Label from 'src/components/label';
-import Iconify from 'src/components/iconify';
-import Scrollbar from 'src/components/scrollbar';
-import { TableHeadCustom } from 'src/components/table';
-
-// ----------------------------------------------------------------------
-
-export default function EcommerceBestSalesman({
-  title,
-  subheader,
-  tableData,
-  tableLabels,
-  ...other
-}) {
-  return (
-    <Card {...other}>
-      <CardHeader title={title} subheader={subheader} sx={{ mb: 3 }} />
-
-      <TableContainer sx={{ overflow: 'unset' }}>
-        <Scrollbar>
-          <Table sx={{ minWidth: 640 }}>
-            <TableHeadCustom headLabel={tableLabels} />
-
-            <TableBody>
-              {tableData.map((row) => (
-                <EcommerceBestSalesmanRow key={row.id} row={row} />
-              ))}
-            </TableBody>
-          </Table>
-        </Scrollbar>
-      </TableContainer>
-    </Card>
-  );
-}
-
-EcommerceBestSalesman.propTypes = {
-  subheader: PropTypes.string,
-  tableData: PropTypes.array,
-  tableLabels: PropTypes.array,
-  title: PropTypes.string,
-};
-
-// ----------------------------------------------------------------------
-
-function EcommerceBestSalesmanRow({ row }) {
-  return (
-    <TableRow>
-      <TableCell sx={{ display: 'flex', alignItems: 'center' }}>
-        <Avatar alt={row.name} src={row.avatarUrl} sx={{ mr: 2 }} />
-        {row.name}
-      </TableCell>
-
-      <TableCell>{row.category}</TableCell>
-
-      <TableCell align="center">
-        <Iconify icon={row.flag} sx={{ borderRadius: 0.65, width: 28 }} />
-      </TableCell>
-
-      <TableCell align="right">{fCurrency(row.totalAmount)}</TableCell>
-
-      <TableCell align="right">
-        <Label
-          variant="soft"
-          color={
-            (row.rank === 'Top 1' && 'primary') ||
-            (row.rank === 'Top 2' && 'info') ||
-            (row.rank === 'Top 3' && 'success') ||
-            (row.rank === 'Top 4' && 'warning') ||
-            'error'
-          }
-        >
-          {row.rank}
-        </Label>
-      </TableCell>
-    </TableRow>
-  );
-}
-
-EcommerceBestSalesmanRow.propTypes = {
-  row: PropTypes.object,
-};

package/minimal/src/sections/overview/e-commerce/ecommerce-current-balance.jsx

@@ -1,70 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Card from '@mui/material/Card';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-
-import { fCurrency } from 'src/utils/format-number';
-
-// ----------------------------------------------------------------------
-
-export default function EcommerceCurrentBalance({
-  title,
-  sentAmount,
-  currentBalance,
-  sx,
-  ...other
-}) {
-  const totalAmount = currentBalance - sentAmount;
-
-  return (
-    <Card sx={{ p: 3, ...sx }} {...other}>
-      <Typography variant="subtitle2" gutterBottom>
-        {title}
-      </Typography>
-
-      <Stack spacing={2}>
-        <Typography variant="h3">{fCurrency(totalAmount)}</Typography>
-
-        <Stack direction="row" justifyContent="space-between">
-          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-            Order Total
-          </Typography>
-          <Typography variant="body2">{fCurrency(currentBalance)}</Typography>
-        </Stack>
-
-        <Stack direction="row" justifyContent="space-between">
-          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-            Earning
-          </Typography>
-          <Typography variant="body2">- {fCurrency(sentAmount)}</Typography>
-        </Stack>
-
-        <Stack direction="row" justifyContent="space-between">
-          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-            Refunded
-          </Typography>
-          <Typography variant="subtitle1">{fCurrency(totalAmount)}</Typography>
-        </Stack>
-
-        <Stack direction="row" spacing={1.5}>
-          <Button fullWidth variant="contained" color="warning">
-            Request
-          </Button>
-
-          <Button fullWidth variant="contained" color="primary">
-            Transfer
-          </Button>
-        </Stack>
-      </Stack>
-    </Card>
-  );
-}
-
-EcommerceCurrentBalance.propTypes = {
-  currentBalance: PropTypes.number,
-  sentAmount: PropTypes.number,
-  sx: PropTypes.object,
-  title: PropTypes.string,
-};

package/minimal/src/sections/overview/e-commerce/ecommerce-latest-products.jsx

@@ -1,84 +0,0 @@
-import PropTypes from 'prop-types';
-
-import Box from '@mui/material/Box';
-import Link from '@mui/material/Link';
-import Card from '@mui/material/Card';
-import Stack from '@mui/material/Stack';
-import Avatar from '@mui/material/Avatar';
-import CardHeader from '@mui/material/CardHeader';
-import ListItemText from '@mui/material/ListItemText';
-
-import { fCurrency } from 'src/utils/format-number';
-
-import Scrollbar from 'src/components/scrollbar';
-import { ColorPreview } from 'src/components/color-utils';
-
-// ----------------------------------------------------------------------
-
-export default function EcommerceLatestProducts({ title, subheader, list, ...other }) {
-  return (
-    <Card {...other}>
-      <CardHeader title={title} subheader={subheader} />
-
-      <Scrollbar>
-        <Stack spacing={3} sx={{ p: 3, minWidth: 360 }}>
-          {list.map((product) => (
-            <ProductItem key={product.id} product={product} />
-          ))}
-        </Stack>
-      </Scrollbar>
-    </Card>
-  );
-}
-
-EcommerceLatestProducts.propTypes = {
-  list: PropTypes.array,
-  subheader: PropTypes.string,
-  title: PropTypes.string,
-};
-
-// ----------------------------------------------------------------------
-
-function ProductItem({ product }) {
-  const { name, coverUrl, price, priceSale } = product;
-
-  return (
-    <Stack direction="row" spacing={2}>
-      <Avatar
-        variant="rounded"
-        alt={name}
-        src={coverUrl}
-        sx={{ width: 48, height: 48, flexShrink: 0 }}
-      />
-
-      <ListItemText
-        primary={<Link sx={{ color: 'text.primary', typography: 'subtitle2' }}>{name}</Link>}
-        secondary={
-          <>
-            {!!priceSale && (
-              <Box component="span" sx={{ textDecoration: 'line-through', mr: 0.5 }}>
-                {fCurrency(priceSale)}
-              </Box>
-            )}
-
-            <Box component="span" sx={{ color: priceSale ? 'error.main' : 'text.secondary' }}>
-              {fCurrency(price)}
-            </Box>
-          </>
-        }
-        primaryTypographyProps={{
-          noWrap: true,
-        }}
-        secondaryTypographyProps={{
-          mt: 0.5,
-        }}
-      />
-
-      <ColorPreview limit={3} colors={product.colors} />
-    </Stack>
-  );
-}
-
-ProductItem.propTypes = {
-  product: PropTypes.object,
-};