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; id: string;
name: string; name: string;
price: number; price: number;
@ -12,7 +12,7 @@ export type ProductItemProps = {
* send a request to the server to get the products * send a request to the server to get the products
* @returns Array of products * @returns Array of products
*/ */
export function getProducts(): Promise<ProductItemProps[]> { export function getProducts(): Promise<Product[]> {
//TODO: Implement the API call using fetch or axios //TODO: Implement the API call using fetch or axios
return Promise.resolve([ 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 { 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 { Label } from 'src/components/label';
import { ColorPreview } from 'src/components/color-utils'; import { ColorPreview } from 'src/components/color-utils';
// ---------------------------------------------------------------------- // ----------------------------------------------------------------------
export function ProductItem({ product }: { product: ProductItemProps }) { export function ProductItem({ product }: { product: Product }) {
const renderStatus = ( const renderStatus = (
<Label <Label
variant="inverted" 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 { _products } from 'src/_mock';
import { DashboardContent } from 'src/layouts/dashboard'; 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 { ProductSort } from '../product-sort';
import { ProductItem } from '../product-item'; import { ProductItem } from '../product-item';
@ -65,7 +65,7 @@ export function ProductsView() {
const [filters, setFilters] = useState<FiltersProps>(defaultFilters); const [filters, setFilters] = useState<FiltersProps>(defaultFilters);
const [products, setProducts] = useState<Array<ProductItemProps>>([]); const [products, setProducts] = useState<Array<Product>>([]);
const handleOpenFilter = useCallback(() => { const handleOpenFilter = useCallback(() => {
setOpenFilter(true); setOpenFilter(true);