From 18bb8e6ad294a0afd09f4f7e433957024b4dde6d Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Fri, 25 Aug 2023 06:15:27 +0200
Subject: [PATCH] Text Area Hash Tag Autocompletion Styling

---
 src/Components/Input/TextAreaInput.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Components/Input/TextAreaInput.tsx b/src/Components/Input/TextAreaInput.tsx
index f3428856..78b17d9b 100644
--- a/src/Components/Input/TextAreaInput.tsx
+++ b/src/Components/Input/TextAreaInput.tsx
@@ -34,10 +34,14 @@ export function TextAreaInput({ labelTitle, dataField, labelStyle, containerStyl
     })
 
     var tribute = new Tribute({
-        containerClass: 'tw-z-500 tw-bg-gray-200 tw-p-2',
+        containerClass: 'tw-z-500 tw-bg-white tw-p-2 tw-rounded',
         selectClass: 'tw-font-bold',
         trigger: "#",
-        values: values
+        values: values,
+        menuItemTemplate: function (item) {
+            console.log(item);
+            return `<span style="color: ${item.original.color}; padding: 5px; boarder-radius: 3px;">#${item.string}</span>`;
+          },
     });