mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 15:06:20 +00:00
simoleo89
0f9fa1203b
Replaces every direct call to the deprecated useCatalog() shim with the targeted filter(s) (useCatalogData / useCatalogUiState / useCatalogActions). Each consumer now subscribes only to the slice it actually reads, which restores React Compiler memoization and stops catalog-wide re-renders whenever an unrelated key changes. Removes the now-unused useCatalog shim from useCatalog.ts and the shim-specific case in tests/useCatalog.filters.test.tsx. The "all four hooks observe the same singleton" test becomes "all three filters", since there is no shim left to compare against. useCatalogFavorites swaps its internal useCatalog() call for useCatalogUiState() (currentType lives in the UI slice). Updates CLAUDE.md and docs/ARCHITECTURE.md to reflect that all 48 historical consumers are migrated and the shim is gone. Vitest: 162/162 (was 163 — minus the deprecated-shim contract case).
21 lines
630 B
TypeScript
21 lines
630 B
TypeScript
import { FC } from 'react';
|
|
import { Column, ColumnProps } from '../../../../../common';
|
|
import { useCatalogData } from '../../../../../hooks';
|
|
import { CatalogPriceDisplayWidgetView } from './CatalogPriceDisplayWidgetView';
|
|
|
|
interface CatalogSimplePriceWidgetViewProps extends ColumnProps
|
|
{
|
|
|
|
}
|
|
export const CatalogTotalPriceWidget: FC<CatalogSimplePriceWidgetViewProps> = props =>
|
|
{
|
|
const { gap = 1, ...rest } = props;
|
|
const { currentOffer = null } = useCatalogData();
|
|
|
|
return (
|
|
<Column gap={ gap } { ...rest }>
|
|
<CatalogPriceDisplayWidgetView offer={ currentOffer } />
|
|
</Column>
|
|
);
|
|
};
|