feat(homepage): replaced the second cta in homepage with guide (#563)

* fix(homepage): replaced the second cta in homepage with guide

Refs #562

* chore(general): update dependencies and fix vulnerabilities

package.json

@@ -93,6 +93,7 @@
     "jest-resolve": "27.4.5",
     "jest-watch-typeahead": "1.0.0",
     "k6": "^0.0.0",
+    "url": "^0.11.3",
     "prettier": "^2.8.0",
     "prop-types": "^15.8.1",
     "react-dev-utils": "12.0.1",

src/components/common/Anchor/Anchor.js

@@ -19,6 +19,4 @@ Anchor.propTypes = {
   children: node
 };
 
-Anchor.defaultProps = {};
-
 export default Anchor;

src/components/common/BreadCrumbs/BreadCrumbs.js

@@ -82,5 +82,5 @@ BreadCrumbs.propTypes = {
     })
   ).isRequired
 };
-BreadCrumbs.defaultProps = {};
+
 export default BreadCrumbs;

src/components/common/Callout/Callout.js

@@ -31,6 +31,4 @@ Callout.propTypes = {
   children: PropTypes.node
 };
 
-Callout.defaultProps = {};
-
 export default Callout;

src/components/common/CategoryIcon/CategoryIcon.js

@@ -18,6 +18,4 @@ CategoryIcon.propTypes = {
   }).isRequired
 };
 
-CategoryIcon.defaultProps = {};
-
 export default CategoryIcon;

src/components/common/EndSection/EndSection.js

@@ -108,5 +108,5 @@ export const EndSection = (props) => {
 EndSection.propTypes = {
   type: number.isRequired
 };
-EndSection.defaultProps = {};
+
 export default EndSection;

src/components/common/IntroSection/IntroSection.js

@@ -64,14 +64,18 @@ const IntroSection = ({
                 <h1 className="h3">{title}</h1>
               </div>
               <p className={"lead"}>{subtitle}</p>
-              <div className={`mt-4 ${styles.buttonSection} row`}>
+              <div
+                className={`mt-4 ${styles.buttonSection} row`}
+                style={{ gap: "20px" }}
+              >
                 {primaryButtonLink && primaryButtonText ? (
                   <div
                     className={
                       primaryButtonText.length > 20
                         ? "col-xl-5 mb-2 mb-xl-0 mx-2 px-1"
-                        : "col-xl-4 mb-2 mb-xl-0 mx-2 px-1"
+                        : "col-xl-4 mb-0 mb-xl-0 ms-2 px-0"
                     }
+                    style={{ width: "fit-content" }}
                   >
                     <Link className={"btn btn-primary"} to={primaryButtonLink}>
                       {primaryButtonText}
@@ -82,15 +86,15 @@ const IntroSection = ({
                 )}
 
                 {secondaryButtonLink ? (
-                  <div className="col-xl-6 d-flex justify-content-xl-start mx-0">
-                    <Link
+                  <div className="col-xl-6 ms-xl-0 ms-2 d-flex justify-content-xl-start px-0 mx-0">
+                    <a
                       className={
                         "btn btn-outline-primary " + styles.btnSecondary
                       }
-                      to={secondaryButtonLink}
+                      href={secondaryButtonLink}
                     >
                       {secondaryButtonText}
-                    </Link>
+                    </a>
                   </div>
                 ) : (
                   ""
@@ -121,6 +125,4 @@ IntroSection.propTypes = {
   isSearch: bool
 };
 
-IntroSection.defaultProps = {};
-
 export default IntroSection;

src/components/common/ModalChangeOrientation/ModalChangeOrientation.jsx

@@ -65,5 +65,3 @@ ModalChangeOrientation.propTypes = {
   onRedirect: func,
   closeModal: func
 };
-
-ModalChangeOrientation.defaultProps = {};

src/components/explore/ExploreByCategory/ExploreByCategory.js

@@ -78,6 +78,4 @@ const ExploreByCategory = () => {
 
 ExploreByCategory.propTypes = {};
 
-ExploreByCategory.defaultProps = {};
-
 export default ExploreByCategory;

src/components/explore/ExploreByText/ExploreByText.js

@@ -25,6 +25,4 @@ const ExploreByText = () => {
 
 ExploreByText.propTypes = {};
 
-ExploreByText.defaultProps = {};
-
 export default ExploreByText;

src/components/explore/ExploreByType/ExploreByType.js

@@ -68,6 +68,4 @@ const ExploreByType = () => {
 
 ExploreByType.propTypes = {};
 
-ExploreByType.defaultProps = {};
-
 export default ExploreByType;

src/components/explore/ExplorePage/ExplorePage.js

@@ -18,8 +18,10 @@ const ExplorePage = () => {
         subtitle="Schema è il catalogo in continua evoluzione, che armonizza e standardizza i modelli di dati condivisi e garantisce che formato e significato delle informazioni scambiate siano preservati e compresi durante gli scambi."
         primaryButtonText="Esplora il catalogo"
         primaryButtonLink={routes.search()}
-        secondaryButtonText="Scopri l’iniziativa"
-        secondaryButtonLink={routes.project()}
+        secondaryButtonText="Leggi la guida"
+        secondaryButtonLink={
+          "https://teamdigitale.github.io/dati-semantic-guida-ndc-docs/index.html"
+        }
         type="HEADER"
         isSearch={false}
       />
@@ -35,6 +37,4 @@ const ExplorePage = () => {
 
 ExplorePage.propTypes = {};
 
-ExplorePage.defaultProps = {};
-
 export default ExplorePage;

src/components/explore/ExploreSection/ExploreSection.js

@@ -20,6 +20,4 @@ ExploreSection.propTypes = {
   children: element.isRequired
 };
 
-ExploreSection.defaultProps = {};
-
 export default ExploreSection;

src/components/layout/CookiePanel/CookiePanel.js

@@ -20,5 +20,4 @@ const CookiePanel = () => {
 };
 
 CookiePanel.propTypes = {};
-CookiePanel.defaultProps = {};
 export default CookiePanel;

src/components/layout/ErrorPage/ErrorPage.js

@@ -56,6 +56,4 @@ const ErrorPage = () => {
 };
 ErrorPage.propTypes = {};
 
-ErrorPage.defaultProps = {};
-
 export default ErrorPage;

src/components/layout/Footer/Footer.js

@@ -16,6 +16,4 @@ Footer.propTypes = {
   childRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) })
 };
 
-Footer.defaultProps = {};
-
 export default Footer;

src/components/layout/FooterLinks/FooterLinks.js

@@ -34,6 +34,4 @@ const FooterLinks = () => {
 
 FooterLinks.propTypes = {};
 
-FooterLinks.defaultProps = {};
-
 export default FooterLinks;

src/components/layout/FooterLogos/FooterLogos.js

@@ -44,6 +44,4 @@ const FooterLogos = () => {
 
 FooterLogos.propTypes = {};
 
-FooterLogos.defaultProps = {};
-
 export default FooterLogos;

src/components/layout/Header/Header.js

@@ -14,6 +14,4 @@ const Header = () => {
 
 Header.propTypes = {};
 
-Header.defaultProps = {};
-
 export default Header;

src/components/layout/HeaderMainMenu/HeaderMainMenu.js

@@ -194,6 +194,4 @@ const HeaderMainMenu = () => {
 
 HeaderMainMenu.propTypes = {};
 
-HeaderMainMenu.defaultProps = {};
-
 export default HeaderMainMenu;

src/components/layout/HeaderMainTitle/HeaderMainTitle.js

@@ -47,6 +47,4 @@ const HeaderMainTitle = () => (
 
 HeaderMainTitle.propTypes = {};
 
-HeaderMainTitle.defaultProps = {};
-
 export default HeaderMainTitle;

src/components/layout/HeaderNavigation/HeaderNavigation.js

@@ -11,6 +11,4 @@ const HeaderNavigation = () => (
 
 HeaderNavigation.propTypes = {};
 
-HeaderNavigation.defaultProps = {};
-
 export default HeaderNavigation;

src/components/layout/HeaderSlim/HeaderSlim.js

@@ -31,6 +31,4 @@ const HeaderSlim = () => (
 
 HeaderSlim.propTypes = {};
 
-HeaderSlim.defaultProps = {};
-
 export default HeaderSlim;

src/components/layout/Main/Main.js

@@ -69,6 +69,4 @@ Main.propTypes = {
   childRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) })
 };
 
-Main.defaultProps = {};
-
 export default Main;

src/components/layout/Main/Main.test.js

@@ -6,6 +6,11 @@ import { renderWithRoute } from "../../../services/testUtils";
 import NotFound from "../NotFound/NotFound";
 import ExplorePage from "../../explore/ExplorePage/ExplorePage";
 
+jest.mock("swagger-ui-react", () => ({
+  __esModule: true,
+  default: jest.fn()
+}));
+
 jest.mock("../../explore/ExplorePage/ExplorePage", () => ({
   __esModule: true,
   default: jest.fn()

src/components/layout/NewErrorPage/NewErrorPage.js

@@ -206,6 +206,4 @@ const NewErrorPage = () => {
 };
 NewErrorPage.propTypes = {};
 
-NewErrorPage.defaultProps = {};
-
 export default NewErrorPage;

src/components/layout/NotFound/NotFound.js

@@ -52,6 +52,4 @@ const NotFound = () => {
 
 NotFound.propTypes = {};
 
-NotFound.defaultProps = {};
-
 export default NotFound;

src/components/search/AssetTypeChip/AssetTypeChip.js

@@ -29,6 +29,4 @@ AssetTypeChip.propTypes = {
   isSearchChip: bool
 };
 
-AssetTypeChip.defaultProps = {};
-
 export default AssetTypeChip;

src/components/search/AssetTypeFilter/AssetTypeFilter.js

@@ -35,6 +35,4 @@ AssetTypeFilter.propTypes = {
   selection: PropTypes.arrayOf(string)
 };
 
-AssetTypeFilter.defaultProps = {};
-
 export default AssetTypeFilter;

src/components/search/FilterPanel/FilterPanel.js

@@ -91,6 +91,4 @@ FilterPanel.propTypes = {
   rightsHoldersList: array
 };
 
-FilterPanel.defaultProps = {};
-
 export default FilterPanel;

src/components/search/FilterPanelSection/FilterPanelSection.js

@@ -20,6 +20,4 @@ FilterPanelSection.propTypes = {
   children: node
 };
 
-FilterPanelSection.defaultProps = {};
-
 export default FilterPanelSection;

src/components/search/MultiCheckBoxFilter/MultiCheckBoxFilter.js

@@ -110,6 +110,4 @@ MultiCheckBoxFilter.propTypes = {
   labbledById: string
 };
 
-MultiCheckBoxFilter.defaultProps = {};
-
 export default MultiCheckBoxFilter;

src/components/search/MultiSelectChips/MultiSelectChips.jsx

@@ -206,5 +206,3 @@ MultiSelectChips.propTypes = {
   labbledById: string,
   type: string
 };
-
-MultiSelectChips.defaultProps = {};

src/components/search/Pagination/Pagination.js

@@ -278,6 +278,4 @@ Pagination.propTypes = {
   onPageSelect: PropTypes.func.isRequired
 };
 
-Pagination.defaultProps = {};
-
 export default Pagination;

src/components/search/PatternFilter/PatternFilter.js

@@ -82,6 +82,4 @@ PatternFilter.propTypes = {
   isHomeSection: bool
 };
 
-PatternFilter.defaultProps = {};
-
 export default PatternFilter;

src/components/search/RightsHoldersFilter/RightsHoldersFilter.js

@@ -225,6 +225,4 @@ RightsHoldersFilter.propTypes = {
   isMobileFilter: bool
 };
 
-RightsHoldersFilter.defaultProps = {};
-
 export default RightsHoldersFilter;

src/components/search/SearchPage/SearchPage.js

@@ -254,6 +254,4 @@ const SearchPage = () => {
 
 SearchPage.propTypes = {};
 
-SearchPage.defaultProps = {};
-
 export default SearchPage;

src/components/search/SearchResultAlert/SearchResultAlert.js

@@ -32,6 +32,4 @@ SearchResultAlert.propTypes = {
   message: string.isRequired
 };
 
-SearchResultAlert.defaultProps = {};
-
 export default SearchResultAlert;

src/components/search/SearchResultItem/SearchResultItem.js

@@ -198,6 +198,4 @@ SearchResultItem.propTypes = {
   }).isRequired
 };
 
-SearchResultItem.defaultProps = {};
-
 export default SearchResultItem;

src/components/search/SearchResults/SearchResults.js

@@ -58,6 +58,4 @@ SearchResults.propTypes = {
   areFiltersActive: bool
 };
 
-SearchResults.defaultProps = {};
-
 export default SearchResults;

src/components/search/ThemeFilter/ThemeFilter.js

@@ -29,6 +29,4 @@ ThemeFilter.propTypes = {
   selection: PropTypes.arrayOf(string)
 };
 
-ThemeFilter.defaultProps = {};
-
 export default ThemeFilter;

src/components/semantic-assets/AssetDetails/AssetDetails.js

@@ -161,6 +161,4 @@ const AssetDetails = ({ details }) => {
 
 AssetDetails.propTypes = { ...getDetailsPropTypes() };
 
-AssetDetails.defaultProps = {};
-
 export default AssetDetails;

src/components/semantic-assets/AssetNotFound/AssetNotFound.js

@@ -35,6 +35,4 @@ AssetNotFound.propTypes = {
   reason: oneOf([MISSING_URI, MISSING_RESOURCE]).isRequired
 };
 
-AssetNotFound.defaultProps = {};
-
 export default AssetNotFound;

src/components/semantic-assets/DetailsPage/AssetDetailsPage.js

@@ -68,6 +68,6 @@ const AssetDetailsPage = () => {
 
 AssetDetailsPage.propTypes = {};
 
-AssetDetailsPage.defaultProps = {};
+;
 
 export default AssetDetailsPage;

src/components/static-content/faq/FaqBody/FaqBody.js

@@ -488,6 +488,4 @@ const FaqBody = () => {
 
 FaqBody.propTypes = {};
 
-FaqBody.defaultProps = {};
-
 export default FaqBody;

src/components/static-content/faq/FaqPage/FaqPage.js

@@ -29,6 +29,4 @@ const FaqPage = () => {
 
 FaqPage.propTypes = {};
 
-FaqPage.defaultProps = {};
-
 export default FaqPage;