AppStd/DigitalData.Hub
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor product data types and update components

Browse Source 
Replaced `ProductItemProps` with a new `Product` type in `product-service.ts`, which includes properties like `id`, `name`, `price`, `status`, and `coverUrl`. Updated the `getProducts` function to return `Promise<Product[]>` instead of `Promise<ProductItemProps[]>`. Modified the `ProductItem` component in `product-item.tsx` to accept the new `Product` type. Adjusted `products-view.tsx` to import `Product` and manage the state as `Array<Product>`.
This commit is contained in:
tekh 2025-07-02 15:59:34 +02:00
parent b7c5734a1b
commit 3be5cba323
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/dd-hub-react/src/api/product-service.ts
View File

@ -1,4 +1,4 @@
export type ProductItemProps = {
export type Product = {
id: string;
name: string;
price: number;
@ -12,7 +12,7 @@ export type ProductItemProps = {
* send a request to the server to get the products
* @returns Array of products
*/
export function getProducts(): Promise<ProductItemProps[]> {
export function getProducts(): Promise<Product[]> {
//TODO: Implement the API call using fetch or axios
return Promise.resolve([
{

4
src/client/dd-hub-react/src/sections/product/product-item.tsx
View File

@ -8,14 +8,14 @@ import Typography from '@mui/material/Typography';
import { fCurrency } from 'src/utils/format-number';
import { ProductItemProps } from 'src/api/product-service';
import { Product } from 'src/api/product-service';
import { Label } from 'src/components/label';
import { ColorPreview } from 'src/components/color-utils';
// ----------------------------------------------------------------------
export function ProductItem({ product }: { product: ProductItemProps }) {
export function ProductItem({ product }: { product: Product }) {
const renderStatus = (
<Label
variant="inverted"

4
src/client/dd-hub-react/src/sections/product/view/products-view.tsx
View File

@ -7,7 +7,7 @@ import Typography from '@mui/material/Typography';
import { _products } from 'src/_mock';
import { DashboardContent } from 'src/layouts/dashboard';
import { getProducts, ProductItemProps } from 'src/api/product-service';
import { getProducts, Product } from 'src/api/product-service';
import { ProductSort } from '../product-sort';
import { ProductItem } from '../product-item';
@ -65,7 +65,7 @@ export function ProductsView() {
const [filters, setFilters] = useState<FiltersProps>(defaultFilters);
const [products, setProducts] = useState<Array<ProductItemProps>>([]);
const [products, setProducts] = useState<Array<Product>>([]);
const handleOpenFilter = useCallback(() => {
setOpenFilter(true);