revert(catalog): ripristina catalogo Hippiehotel.nl (Modern+Classic)

Rimpiazza il catalogo del rebuild upstream con quello originale di
Hippiehotel.nl Nitro-V3 (CatalogModernView ripristinato, ClassicView/
sub-views/CSS pre-merge). CatalogView sceglie Modern (default) o Classic
via il toggle 'stile classico'. Rimosso l'hack CatalogClassicLegacy.css.
This commit is contained in:
medievalshell
2026-05-29 23:49:10 +02:00
parent 32dcbaf265
commit 2b8aca23b6
10 changed files with 465 additions and 852 deletions
+13 -12
View File
@@ -1,26 +1,27 @@
import { FC, useEffect } from 'react';
import { FC } from 'react';
import { useCatalogClassicStyle, useCatalogData } from '../../hooks';
import { CatalogClassicView } from './CatalogClassicView';
import { CatalogModernView } from './CatalogModernView';
export const CatalogView: FC<{}> = () =>
{
const { catalogLocalizationVersion = 0 } = useCatalogData();
const [ catalogClassicStyle ] = useCatalogClassicStyle();
// Toggle the legacy-skin marker on <body> so the scoped overrides in
// CatalogClassicLegacy.css (the pre-merge catalog look) take effect for
// every catalog element without touching the modern stylesheet.
useEffect(() =>
{
document.body.classList.toggle('catalog-skin-legacy', !!catalogClassicStyle);
return () => document.body.classList.remove('catalog-skin-legacy');
}, [ catalogClassicStyle ]);
return (
// Modern (Hippiehotel style) is the default; the "stile classico" toggle in
// user settings (or the global catalog.classic.style flag) switches to the
// classic catalog. Both views are the Hippiehotel.nl Nitro-V3 originals.
if(catalogClassicStyle) return (
<>
<div className="hidden" data-catalog-localization-version={ catalogLocalizationVersion } />
<CatalogClassicView />
</>
);
return (
<>
<div className="hidden" data-catalog-localization-version={ catalogLocalizationVersion } />
<CatalogModernView />
</>
);
};