louiscklaw/HKSingleParty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build ok,

Browse Source
This commit is contained in:
louiscklaw
2025-06-15 11:28:24 +08:00
parent c319c103f6
commit b7cd25b614
1088 changed files with 4376 additions and 7002 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
03_source/frontend/src/sections/product/cart-icon.tsx
View File

@@ -1,12 +1,9 @@
import type { BoxProps } from '@mui/material/Box';
import Box from '@mui/material/Box';
import Badge from '@mui/material/Badge';
import { paths } from 'src/routes/paths';
import { RouterLink } from 'src/routes/components';
import type { BoxProps } from '@mui/material/Box';
import Box from '@mui/material/Box';
import { Iconify } from 'src/components/iconify';
import { RouterLink } from 'src/routes/components';
import { paths } from 'src/routes/paths';
// ----------------------------------------------------------------------

15
03_source/frontend/src/sections/product/product-details-carousel.tsx
View File

@@ -1,18 +1,15 @@
import type { IProductItem } from 'src/types/product';
import { useEffect } from 'react';
import Box from '@mui/material/Box';
import { Image } from 'src/components/image';
import { Lightbox, useLightBox } from 'src/components/lightbox';
import { useEffect } from 'react';
import {
Carousel,
useCarousel,
CarouselArrowNumberButtons,
CarouselThumb,
CarouselThumbs,
CarouselArrowNumberButtons,
useCarousel,
} from 'src/components/carousel';
import { Image } from 'src/components/image';
import { Lightbox, useLightBox } from 'src/components/lightbox';
import type { IProductItem } from 'src/types/product';
// ----------------------------------------------------------------------

3
03_source/frontend/src/sections/product/product-details-description.tsx
View File

@@ -1,5 +1,4 @@
import type { Theme, SxProps } from '@mui/material/styles';
import type { SxProps, Theme } from '@mui/material/styles';
import { Markdown } from 'src/components/markdown';
// ----------------------------------------------------------------------

19
03_source/frontend/src/sections/product/product-details-review.tsx
View File

@@ -1,20 +1,15 @@
import type { IProductReview } from 'src/types/product';
import { sumBy } from 'es-toolkit';
import { useBoolean } from 'minimal-shared/hooks';
import Box from '@mui/material/Box';
import Stack from '@mui/material/Stack';
import Rating from '@mui/material/Rating';
import Button from '@mui/material/Button';
import Divider from '@mui/material/Divider';
import Typography from '@mui/material/Typography';
import LinearProgress from '@mui/material/LinearProgress';
import { fShortenNumber } from 'src/utils/format-number';
import Rating from '@mui/material/Rating';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
import { sumBy } from 'es-toolkit';
import { useBoolean } from 'minimal-shared/hooks';
import { Iconify } from 'src/components/iconify';
import type { IProductReview } from 'src/types/product';
import { fShortenNumber } from 'src/utils/format-number';
import { ProductReviewList } from './product-review-list';
import { ProductReviewNewForm } from './product-review-new-form';

35
03_source/frontend/src/sections/product/product-details-summary.tsx
View File

@@ -1,29 +1,24 @@
import type { IProductItem } from 'src/types/product';
import type { CheckoutContextValue } from 'src/types/checkout';
import { useCallback } from 'react';
import { useForm, Controller } from 'react-hook-form';
import Box from '@mui/material/Box';
import Stack from '@mui/material/Stack';
import Rating from '@mui/material/Rating';
import Button from '@mui/material/Button';
import Divider from '@mui/material/Divider';
import MenuItem from '@mui/material/MenuItem';
import Typography from '@mui/material/Typography';
import Link, { linkClasses } from '@mui/material/Link';
import { formHelperTextClasses } from '@mui/material/FormHelperText';
import { paths } from 'src/routes/paths';
import { useRouter } from 'src/routes/hooks';
import { fCurrency, fShortenNumber } from 'src/utils/format-number';
import { Label } from 'src/components/label';
import { Iconify } from 'src/components/iconify';
import { Form, Field } from 'src/components/hook-form';
import Link, { linkClasses } from '@mui/material/Link';
import MenuItem from '@mui/material/MenuItem';
import Rating from '@mui/material/Rating';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
import { useCallback } from 'react';
import { Controller, useForm } from 'react-hook-form';
import { ColorPicker } from 'src/components/color-utils';
import { Field, Form } from 'src/components/hook-form';
import { Iconify } from 'src/components/iconify';
import { Label } from 'src/components/label';
import { NumberInput } from 'src/components/number-input';
import { useRouter } from 'src/routes/hooks';
import { paths } from 'src/routes/paths';
import type { CheckoutContextValue } from 'src/types/checkout';
import type { IProductItem } from 'src/types/product';
import { fCurrency, fShortenNumber } from 'src/utils/format-number';
// ----------------------------------------------------------------------

35
03_source/frontend/src/sections/product/product-filters-drawer.tsx
View File

@@ -1,28 +1,25 @@
import type { IProductFilters } from 'src/types/product';
import type { UseSetStateReturn } from 'minimal-shared/hooks';
import { useCallback } from 'react';
import Box from '@mui/material/Box';
import Radio from '@mui/material/Radio';
import Stack from '@mui/material/Stack';
import Badge from '@mui/material/Badge';
import Drawer from '@mui/material/Drawer';
import Rating from '@mui/material/Rating';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import Slider from '@mui/material/Slider';
import Divider from '@mui/material/Divider';
import Tooltip from '@mui/material/Tooltip';
import Checkbox from '@mui/material/Checkbox';
import IconButton from '@mui/material/IconButton';
import Typography from '@mui/material/Typography';
import { inputBaseClasses } from '@mui/material/InputBase';
import Divider from '@mui/material/Divider';
import Drawer from '@mui/material/Drawer';
import FormControlLabel from '@mui/material/FormControlLabel';
import { Iconify } from 'src/components/iconify';
import { Scrollbar } from 'src/components/scrollbar';
import IconButton from '@mui/material/IconButton';
import { inputBaseClasses } from '@mui/material/InputBase';
import Radio from '@mui/material/Radio';
import Rating from '@mui/material/Rating';
import Slider from '@mui/material/Slider';
import Stack from '@mui/material/Stack';
import Tooltip from '@mui/material/Tooltip';
import Typography from '@mui/material/Typography';
import type { UseSetStateReturn } from 'minimal-shared/hooks';
import { useCallback } from 'react';
import { ColorPicker } from 'src/components/color-utils';
import { Iconify } from 'src/components/iconify';
import { NumberInput } from 'src/components/number-input';
import { Scrollbar } from 'src/components/scrollbar';
import type { IProductFilters } from 'src/types/product';
// ----------------------------------------------------------------------

13
03_source/frontend/src/sections/product/product-filters-result.tsx
View File

@@ -1,14 +1,11 @@
import type { IProductFilters } from 'src/types/product';
import type { UseSetStateReturn } from 'minimal-shared/hooks';
import type { FiltersResultProps } from 'src/components/filters-result';
import { useCallback } from 'react';
import { varAlpha } from 'minimal-shared/utils';
import Box from '@mui/material/Box';
import Chip from '@mui/material/Chip';
import type { UseSetStateReturn } from 'minimal-shared/hooks';
import { varAlpha } from 'minimal-shared/utils';
import { useCallback } from 'react';
import type { FiltersResultProps } from 'src/components/filters-result';
import { chipProps, FiltersBlock, FiltersResult } from 'src/components/filters-result';
import type { IProductFilters } from 'src/types/product';
// ----------------------------------------------------------------------

13
03_source/frontend/src/sections/product/product-review-item.tsx
View File

@@ -1,15 +1,12 @@
import type { IProductReview } from 'src/types/product';
import Box from '@mui/material/Box';
import Rating from '@mui/material/Rating';
import Avatar from '@mui/material/Avatar';
import Typography from '@mui/material/Typography';
import Box from '@mui/material/Box';
import ButtonBase from '@mui/material/ButtonBase';
import ListItemText from '@mui/material/ListItemText';
import { fDate } from 'src/utils/format-time';
import Rating from '@mui/material/Rating';
import Typography from '@mui/material/Typography';
import { Iconify } from 'src/components/iconify';
import type { IProductReview } from 'src/types/product';
import { fDate } from 'src/utils/format-time';
// ----------------------------------------------------------------------

4
03_source/frontend/src/sections/product/product-review-list.tsx
View File

@@ -1,7 +1,5 @@
import type { IProductReview } from 'src/types/product';
import Pagination, { paginationClasses } from '@mui/material/Pagination';
import type { IProductReview } from 'src/types/product';
import { ProductReviewItem } from './product-review-item';
// ----------------------------------------------------------------------

17
03_source/frontend/src/sections/product/product-review-new-form.tsx
View File

@@ -1,18 +1,15 @@
import type { DialogProps } from '@mui/material/Dialog';
import { z as zod } from 'zod';
import { useCallback } from 'react';
import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import Button from '@mui/material/Button';
import type { DialogProps } from '@mui/material/Dialog';
import Dialog from '@mui/material/Dialog';
import Typography from '@mui/material/Typography';
import DialogTitle from '@mui/material/DialogTitle';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import { Form, Field } from 'src/components/hook-form';
import DialogTitle from '@mui/material/DialogTitle';
import Typography from '@mui/material/Typography';
import { useCallback } from 'react';
import { useForm } from 'react-hook-form';
import { Field, Form } from 'src/components/hook-form';
import { z as zod } from 'zod';
// ----------------------------------------------------------------------

29
03_source/frontend/src/sections/product/product-search.tsx
View File

@@ -1,26 +1,21 @@
import type { IProductItem } from 'src/types/product';
import type { Theme, SxProps } from '@mui/material/styles';
import { useState, useCallback } from 'react';
import parse from 'autosuggest-highlight/parse';
import match from 'autosuggest-highlight/match';
import { useDebounce } from 'minimal-shared/hooks';
import Autocomplete, { autocompleteClasses, createFilterOptions } from '@mui/material/Autocomplete';
import Avatar from '@mui/material/Avatar';
import CircularProgress from '@mui/material/CircularProgress';
import InputAdornment from '@mui/material/InputAdornment';
import Link, { linkClasses } from '@mui/material/Link';
import type { SxProps, Theme } from '@mui/material/styles';
import TextField from '@mui/material/TextField';
import Typography from '@mui/material/Typography';
import Link, { linkClasses } from '@mui/material/Link';
import InputAdornment from '@mui/material/InputAdornment';
import CircularProgress from '@mui/material/CircularProgress';
import Autocomplete, { autocompleteClasses, createFilterOptions } from '@mui/material/Autocomplete';
import { useRouter } from 'src/routes/hooks';
import { RouterLink } from 'src/routes/components';
import match from 'autosuggest-highlight/match';
import parse from 'autosuggest-highlight/parse';
import { useDebounce } from 'minimal-shared/hooks';
import { useCallback, useState } from 'react';
import { useSearchProducts } from 'src/actions/product';
import { Iconify } from 'src/components/iconify';
import { SearchNotFound } from 'src/components/search-not-found';
import { RouterLink } from 'src/routes/components';
import { useRouter } from 'src/routes/hooks';
import type { IProductItem } from 'src/types/product';
// ----------------------------------------------------------------------

7
03_source/frontend/src/sections/product/product-skeleton.tsx
View File

@@ -1,11 +1,10 @@
import type { GridProps } from '@mui/material/Grid';
import type { PaperProps } from '@mui/material/Paper';
import Box from '@mui/material/Box';
import type { GridProps } from '@mui/material/Grid';
import Grid from '@mui/material/Grid';
import Stack from '@mui/material/Stack';
import type { PaperProps } from '@mui/material/Paper';
import Paper from '@mui/material/Paper';
import Skeleton from '@mui/material/Skeleton';
import Stack from '@mui/material/Stack';
// ----------------------------------------------------------------------

8
03_source/frontend/src/sections/product/product-sort.tsx
View File

@@ -1,12 +1,10 @@
import { usePopover } from 'minimal-shared/hooks';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import MenuList from '@mui/material/MenuList';
import MenuItem from '@mui/material/MenuItem';
import { Iconify } from 'src/components/iconify';
import MenuList from '@mui/material/MenuList';
import { usePopover } from 'minimal-shared/hooks';
import { CustomPopover } from 'src/components/custom-popover';
import { Iconify } from 'src/components/iconify';
// ----------------------------------------------------------------------

13
03_source/frontend/src/sections/product/product-table-filters-result.tsx
View File

@@ -1,13 +1,10 @@
import type { IProductTableFilters } from 'src/types/product';
import type { UseSetStateReturn } from 'minimal-shared/hooks';
import type { FiltersResultProps } from 'src/components/filters-result';
import { useCallback } from 'react';
import { upperFirst } from 'es-toolkit';
import Chip from '@mui/material/Chip';
import { upperFirst } from 'es-toolkit';
import type { UseSetStateReturn } from 'minimal-shared/hooks';
import { useCallback } from 'react';
import type { FiltersResultProps } from 'src/components/filters-result';
import { chipProps, FiltersBlock, FiltersResult } from 'src/components/filters-result';
import type { IProductTableFilters } from 'src/types/product';
// ----------------------------------------------------------------------

5
03_source/frontend/src/sections/product/view/confirm-delete-product-dialog.tsx
View File

@@ -1,10 +1,9 @@
import { useBoolean } from 'minimal-shared/hooks';
import Button from '@mui/material/Button';
import Dialog from '@mui/material/Dialog';
import DialogTitle from '@mui/material/DialogTitle';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogTitle from '@mui/material/DialogTitle';
import { useBoolean } from 'minimal-shared/hooks';
// ----------------------------------------------------------------------

32
03_source/frontend/src/sections/product/view/product-shop-view.tsx
View File

@@ -1,33 +1,27 @@
import type { IProductItem, IProductFilters } from 'src/types/product';
import { useState } from 'react';
import Box from '@mui/material/Box';
import Container from '@mui/material/Container';
import Stack from '@mui/material/Stack';
import Typography from '@mui/material/Typography';
import { orderBy } from 'es-toolkit';
import { useBoolean, useSetState } from 'minimal-shared/hooks';
import Box from '@mui/material/Box';
import Stack from '@mui/material/Stack';
import Container from '@mui/material/Container';
import Typography from '@mui/material/Typography';
import { paths } from 'src/routes/paths';
import { useState } from 'react';
import {
PRODUCT_SORT_OPTIONS,
PRODUCT_CATEGORY_OPTIONS,
PRODUCT_COLOR_OPTIONS,
PRODUCT_GENDER_OPTIONS,
PRODUCT_RATING_OPTIONS,
PRODUCT_CATEGORY_OPTIONS,
PRODUCT_SORT_OPTIONS,
} from 'src/_mock';
import { EmptyContent } from 'src/components/empty-content';
import { CartIcon } from '../cart-icon';
import { ProductList } from '../product-list';
import { ProductSort } from '../product-sort';
import { ProductSearch } from '../product-search';
import { paths } from 'src/routes/paths';
import type { IProductFilters, IProductItem } from 'src/types/product';
import { useCheckoutContext } from '../../checkout/context';
import { CartIcon } from '../cart-icon';
import { ProductFiltersDrawer } from '../product-filters-drawer';
import { ProductFiltersResult } from '../product-filters-result';
import { ProductList } from '../product-list';
import { ProductSearch } from '../product-search';
import { ProductSort } from '../product-sort';
// ----------------------------------------------------------------------