From 7e4de255807eb7a771b16da400690db714a13015 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 23 Aug 2021 20:50:50 +0200
Subject: [PATCH] Use proper watchlist keys

---
 .../Private/Partials/Product/Teaser.html         |  2 +-
 .../Private/Partials/Product/TeaserWide.html     | 16 +++++++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index fbf4f12b..ab76b50b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -20,7 +20,7 @@
                 <button type="button"
                         class="px-2"
                         data-controller="watchlist-toggle"
-                        data-watchlist-toggle-key-value="{teaser.product.uid}:{teaser.hotel.uid}"
+                        data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
                         data-watchlist-toggle-target="ariaLabel"
                         data-action="watchlist-toggle#toggle"
                         data-cooltipz-dir="top"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html
index 87614f4c..99b26473 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/TeaserWide.html
@@ -92,11 +92,17 @@
                     </a>
                 </div>
             </div>
-            <a href="#" class="teaserbox-watchlist" x-data="watchlistToggle('{hotel.uid}:{product.uid}')" x-bind="trigger">
-              <span data-cooltipz-dir="top" x-bind:aria-label="label" role="tooltip">
-                <i class="fa fa-plus-circle" x-bind:class="icon"></i>
-              </span>
-            </a>
+            <button type="button"
+                    class="px-2"
+                    data-controller="watchlist-toggle"
+                    data-watchlist-toggle-key-value="{teaser.hotel.uid}:{teaser.product.uid}"
+                    data-watchlist-toggle-target="ariaLabel"
+                    data-action="watchlist-toggle#toggle"
+                    data-cooltipz-dir="top"
+                    aria-label="auf die Merkliste setzen"
+                    role="tooltip">
+                <svg class="w-6 h-6 text-white" data-watchlist-toggle-target="icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
+            </button>
         </div>
     </f:section>