From 4ccb8ac05e6a38be54f04673e6bc0efc2ccad282 Mon Sep 17 00:00:00 2001
From: David Katrinka <davidkatrinka1995@gmail.com>
Date: Sat, 5 Jul 2025 20:51:43 +0200
Subject: [PATCH] fixed display issue with select dropdown

---
 apps/Recipes/Templates/single.php | 2 +-
 assets/js/single.js               | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/Recipes/Templates/single.php b/apps/Recipes/Templates/single.php
index a2df27d..925223d 100644
--- a/apps/Recipes/Templates/single.php
+++ b/apps/Recipes/Templates/single.php
@@ -12,7 +12,7 @@ the_header(
 ?>
 
 <div id="recipe-id" hidden><?= $context['recipe']->get_id() ?></div>
-<div id="in-usermenu" hidden></div>
+<div id="in-usermenu" hidden><?= $context['recipe']->in_usermenu; ?></div>
 
 <div class="container">
     <div class="single-recipe">
diff --git a/assets/js/single.js b/assets/js/single.js
index 5f15fe0..c8754d7 100644
--- a/assets/js/single.js
+++ b/assets/js/single.js
@@ -15,7 +15,16 @@ document.addEventListener('click', (e) => {
 
 
 const options = document.querySelectorAll('.dropdown-item');
+const inUsermenu = document.getElementById('in-usermenu').textContent;
 
+if (inUsermenu) {
+    options.forEach(option => {
+        if (option.getAttribute('data-value') === inUsermenu && option.getAttribute('data-value') !== 'remove') {
+            option.classList.add('dropdown-selected');
+            toggleBtn.textContent = option.textContent;
+        }
+    });
+}
 options.forEach(option => {
     option.addEventListener('click', async (e) => {
         const selectedValue = option.getAttribute('data-value');