import React from 'react';
import { useSelector } from 'react-redux';
import { useLocation } from 'react-router-dom';
import { ScrollToTop } from 'io-sanita-theme/components';
import Helmet from '@plone/volto/helpers/Helmet/Helmet';
import { toPublicURL } from '@plone/volto/helpers/Url/Url';
import { SubsiteLoader } from 'volto-subsites';
import config from '@plone/volto/registry';
import HomeSchemaOrg from 'io-sanita-theme/components/Home/HomeSchemaOrg';

const GenericAppExtras = (props) => {
  const location = useLocation();

  const subsite = useSelector((state) => state.subsite?.data);
  const subsiteLoadable =
    config.settings.loadables['subsite-' + subsite?.subsite_css_class?.token];
  if (subsiteLoadable) {
    subsiteLoadable.load();
  }

  return (
    <>
      <Helmet>
        <link rel="canonical" href={toPublicURL(location.pathname)} />{' '}
        {/** Se impostato un canonlical nei campi SEO della pagina vincerà quello */}
      </Helmet>
      <HomeSchemaOrg {...props} />
      <ScrollToTop />
      <SubsiteLoader pathname={location.pathname} />
    </>
  );
};
export default GenericAppExtras;