@carforyou/header-footer
Advanced tools
Comparing version
@@ -47,3 +47,7 @@ /* eslint-disable react/jsx-key */ | ||
React.createElement("div", { className: "hidden lg:block xl:hidden -ml-headerMenuMore", key: "header.more" }, | ||
React.createElement(HeaderDropdown, { renderParent: () => React.createElement("span", null, t("header.more")) }, | ||
React.createElement(HeaderDropdown, { renderParent: () => (React.createElement("a", { onClick: () => dataLayerPush({ | ||
category: "header", | ||
action: "open", | ||
label: "more information DH", | ||
}) }, t("header.more"))) }, | ||
React.createElement("ul", { className: "my-10" }, | ||
@@ -50,0 +54,0 @@ React.createElement("li", null, carMarket), |
@@ -1,2 +0,2 @@ | ||
import React, { useContext, useState, useEffect } from "react"; | ||
import React, { useContext } from "react"; | ||
import { url } from "../../../lib/urlHelper"; | ||
@@ -7,13 +7,8 @@ import AppContext from "../../appContext"; | ||
const { language, listingsRootUrl, favouritesCount } = useContext(AppContext); | ||
const [showFavourites, setShowFavourites] = useState(false); | ||
// force favourite count to only be rendered client-side to prevent rehydration warnings | ||
useEffect(() => { | ||
setShowFavourites(true); | ||
}, []); | ||
return (React.createElement("a", { href: url(listingsRootUrl, language, "/favourites"), className: "flex items-center mr-10 unstyledlink tranition-2 hover:opacity-60" }, | ||
React.createElement("span", { className: "flex relative" }, | ||
React.createElement(HeartOutlineIcon, { width: "32px", height: "32px" }), | ||
showFavourites && favouritesCount ? (React.createElement("span", { className: "favourites-count absolute flex justify-center items-center bg-salmon border border-salmon text-white" }, favouritesCount)) : null), | ||
favouritesCount ? (React.createElement("span", { className: "favourites-count absolute flex justify-center items-center bg-salmon border border-salmon text-white" }, favouritesCount)) : null), | ||
renderText())); | ||
}; | ||
export default FavouritesCount; |
{ | ||
"name": "@carforyou/header-footer", | ||
"description": "CAR FOR YOU Header / Footer", | ||
"version": "2.1.1-rehydration-fav-2caab98cfabfa1c824f91eca4034f4d9981800ba.1", | ||
"version": "2.1.1-tracking-header-7641ebc76c2d325bf13e1aa83fa7cd8e38d51d9d.1", | ||
"license": "MIT", | ||
@@ -24,3 +24,3 @@ "files": [ | ||
"@babel/plugin-syntax-optional-chaining": "^7.8.3", | ||
"@carforyou/components": "11.1.0", | ||
"@carforyou/components": "11.2.0", | ||
"@carforyou/eslint-config": "2.0.2", | ||
@@ -27,0 +27,0 @@ "@carforyou/phraseapp": "1.1.1", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
517650
-0.09%