From 54c8322960d45b0d95320d5f4667b87f7452f9df Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 13 Nov 2025 08:17:32 +0200
Subject: [PATCH] chore(react/promoted_attributes): multiplicity

---
 .../client/src/widgets/PromotedAttributes.tsx | 21 +++++++++++++++++++
 .../client/src/widgets/promoted_attributes.ts |  7 -------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/widgets/PromotedAttributes.tsx b/apps/client/src/widgets/PromotedAttributes.tsx
index 0fd423361..20e5a2c0c 100644
--- a/apps/client/src/widgets/PromotedAttributes.tsx
+++ b/apps/client/src/widgets/PromotedAttributes.tsx
@@ -5,6 +5,7 @@ import { Attribute } from "../services/attribute_parser";
 import { ComponentChild } from "preact";
 import FAttribute from "../entities/fattribute";
 import { t } from "../services/i18n";
+import ActionButton from "./react/ActionButton";
 
 export default function PromotedAttributes() {
     const { note } = useNoteContext();
@@ -94,6 +95,26 @@ function PromotedAttributeCell({ noteId, definitionAttr, valueAttr, valueName }:
                     placeholder={t("promoted_attributes.unset-field-placeholder")}
                 />
             </div>
+
+            <div />
+
+            {definition.multiplicity === "multi" && (
+                <td className="multiplicity">
+                    <ActionButton
+                        icon="bx bx-plus"
+                        className="pointer tn-tool-button"
+                        text={t("promoted_attributes.add_new_attribute")}
+                        noIconActionClass
+                    />
+
+                    <ActionButton
+                        icon="bx bx-trash"
+                        className="pointer tn-tool-button"
+                        text={t("promoted_attributes.remove_this_attribute")}
+                        noIconActionClass
+                    />
+                </td>
+            )}
         </div>
     )
 }
diff --git a/apps/client/src/widgets/promoted_attributes.ts b/apps/client/src/widgets/promoted_attributes.ts
index 113f4a461..bc68908b6 100644
--- a/apps/client/src/widgets/promoted_attributes.ts
+++ b/apps/client/src/widgets/promoted_attributes.ts
@@ -30,13 +30,8 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
     async createPromotedAttributeCell(definitionAttr: FAttribute, valueAttr: Attribute, valueName: string) {
             // .on("change", (event) => this.promotedAttributeChanged(event));
 
-        const $actionCell = $("<div>");
         const $multiplicityCell = $("<td>").addClass("multiplicity").attr("nowrap", "true");
 
-        const $wrapper = $('<div class="promoted-attribute-cell">')
-            .append($actionCell)
-            .append($multiplicityCell);
-
         if (valueAttr.type === "label") {
             $wrapper.addClass(`promoted-attribute-label-${definition.labelType}`);
             if (definition.labelType === "text") {
@@ -170,8 +165,6 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
 
         if (definition.multiplicity === "multi") {
             const $addButton = $("<span>")
-                .addClass("bx bx-plus pointer tn-tool-button")
-                .prop("title", t("promoted_attributes.add_new_attribute"))
                 .on("click", async () => {
                     const $new = await this.createPromotedAttributeCell(
                         definitionAttr,