[deploy]

public/ts-build/components/modules/reactionRoles.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderReactionRolesModule = renderReactionRolesModule;
+const api_js_1 = require("../../services/api.js");
+const toast_js_1 = require("../../ui/toast.js");
+async function renderReactionRolesModule(guildId) {
+    const container = document.getElementById('module-reactionroles');
+    if (!container)
+        return;
+    container.innerHTML = '<p class="muted">Lade Reaction Roles...</p>';
+    try {
+        const data = await api_js_1.api.reactionRoles(guildId);
+        const entries = data?.entries || data?.reactionRoles || [];
+        container.innerHTML = '<h3 class="label">Reaction Roles</h3>';
+        if (!entries.length) {
+            container.innerHTML += '<div class="empty-state">Keine Reaction Roles.</div>';
+            return;
+        }
+        const list = document.createElement('div');
+        list.className = 'ticket-list';
+        entries.slice(0, 3).forEach((e) => {
+            const item = document.createElement('div');
+            item.className = 'ticket-item';
+            item.innerHTML = `
+        <div style="font-weight:750;">${e.title || e.messageId || 'Eintrag'}</div>
+        <div class="muted">${e.channelId || ''}</div>
+      `;
+            list.appendChild(item);
+        });
+        container.appendChild(list);
+    }
+    catch (err) {
+        console.error(err);
+        container.innerHTML = '<div class="empty-state">Reaction Roles konnten nicht geladen werden.</div>';
+        (0, toast_js_1.showToast)('Fehler beim Laden der Reaction Roles', true);
+    }
+}