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).
49 lines
2.1 KiB
TypeScript
49 lines
2.1 KiB
TypeScript
import { FC, useEffect } from 'react';
|
|
import { SanitizeHtml } from '../../../../../api';
|
|
import { Column, Grid, Text } from '../../../../../common';
|
|
import { useCatalogData } from '../../../../../hooks';
|
|
import { CatalogPurchaseWidgetView } from '../widgets/CatalogPurchaseWidgetView';
|
|
import { CatalogSpacesWidgetView } from '../widgets/CatalogSpacesWidgetView';
|
|
import { CatalogTotalPriceWidget } from '../widgets/CatalogTotalPriceWidget';
|
|
import { CatalogViewProductWidgetView } from '../widgets/CatalogViewProductWidgetView';
|
|
import { CatalogLayoutProps } from './CatalogLayout.types';
|
|
|
|
export const CatalogLayoutSpacesView: FC<CatalogLayoutProps> = props =>
|
|
{
|
|
const { page = null } = props;
|
|
const { currentOffer = null, roomPreviewer = null } = useCatalogData();
|
|
|
|
useEffect(() =>
|
|
{
|
|
roomPreviewer.updatePreviewObjectBoundingRectangle();
|
|
}, [ roomPreviewer ]);
|
|
|
|
return (
|
|
<Grid>
|
|
<Column overflow="hidden" size={ 7 }>
|
|
<CatalogSpacesWidgetView />
|
|
</Column>
|
|
<Column center={ !currentOffer } overflow="hidden" size={ 5 }>
|
|
{ !currentOffer &&
|
|
<>
|
|
{ !!page.localization.getImage(1) && <img alt="" src={ page.localization.getImage(1) } /> }
|
|
<Text center dangerouslySetInnerHTML={ { __html: SanitizeHtml(page.localization.getText(0)) } } />
|
|
</> }
|
|
{ currentOffer &&
|
|
<>
|
|
<div className="relative overflow-hidden">
|
|
<CatalogViewProductWidgetView />
|
|
</div>
|
|
<Column grow gap={ 1 }>
|
|
<Text grow truncate>{ currentOffer.localizationName }</Text>
|
|
<div className="flex justify-end">
|
|
<CatalogTotalPriceWidget alignItems="end" />
|
|
</div>
|
|
<CatalogPurchaseWidgetView />
|
|
</Column>
|
|
</> }
|
|
</Column>
|
|
</Grid>
|
|
);
|
|
};
|