Files
d4rkbot/frontend/src/pages/BotCommands.jsx
T
D4rkst3randClaude Fable 5 079c75b184
Deploy / check (push) Has been cancelled
Deploy / deploy (push) Has been cancelled
Host-Routing: Bot-Produktseite und Community-Hub getrennt
Eine Anwendung, zwei Gesichter — der Server erkennt an der Domain, welche
Seite gefragt ist, und schreibt das als data-site an den <body>. Das
Frontend rendert daraufhin entweder den Community-Hub wie bisher oder die
neue Produktseite.

- Bot-Produktseite (BotApp): Landing mit Feature-Übersicht, Befehls-
  referenz, Dashboard unter /dashboard, Orange als Leitfarbe
- Weiterleitungen: Community-Routen auf der Bot-Domain und umgekehrt
  werden dauerhaft (301) auf die richtige Adresse geschickt — geteilte
  Devlog-Permalinks laufen also nicht ins Leere. Rechtstexte bleiben auf
  beiden erreichbar.
- Open-Graph-Tags je Domain, inklusive eigener Vorschau für frei
  angelegte Seiten (Entwürfe bekommen bewusst keine)
- Login: neue Einstellung für die Cookie-Domain, damit die Anmeldung auf
  beiden Seiten gilt; nach dem Discord-Login landet man wieder auf der
  Seite, von der man gestartet ist (vorher immer auf der Hauptadresse)
- Alles greift erst, wenn beide Adressen im Setup eingetragen sind —
  bis dahin verhält sich die Anwendung unverändert

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-31 15:20:53 +02:00

75 lines
3.7 KiB
React

// Übersicht aller Slash-Befehle des Bots.
import { useEffect } from 'react';
import { IconLock } from '../icons.jsx';
const GROUPS = [
['Für alle', [
['/rank', 'Zeigt deinen Rang, deine XP und den Fortschritt zum nächsten Level.'],
['/wunsch idee:…', 'Reicht einen Feature-Wunsch ein — landet im Voting-Kanal und auf der Roadmap.'],
['/bug titel:… beschreibung:…', 'Meldet einen Fehler als Issue im Repository. Wird er geschlossen, bekommst du eine Nachricht.'],
['/geburtstag setzen tag:… monat:…', 'Trägt deinen Geburtstag ein. Der Bot gratuliert morgens und vergibt eine Rolle für den Tag.'],
['/geburtstag entfernen', 'Trägt ihn wieder aus.'],
['/remind dauer:… text:…', 'Erinnert dich per Direktnachricht — etwa „2h" oder „30m".'],
['/tag name:…', 'Ruft einen gespeicherten Textbaustein ab, mit Vorschlägen beim Tippen.'],
['/ping', 'Lebenszeichen des Bots.'],
]],
['Moderation', [
['/warn user:… grund:…', 'Verwarnt jemanden, schickt eine Nachricht und schreibt es ins Protokoll.'],
['/warns user:…', 'Zeigt die Verwarnungs-Historie.'],
['/timeout user:… dauer:…', 'Setzt eine Auszeit.'],
['/purge anzahl:…', 'Löscht mehrere Nachrichten auf einmal.'],
]],
['Einrichtung', [
['/giveaway preis:… dauer:… gewinner:…', 'Startet eine Verlosung mit Teilnahme-Knopf und automatischer Ziehung.'],
['/ticket-setup', 'Postet den Knopf, über den Support-Tickets als private Threads entstehen.'],
['/playtester-setup', 'Postet den Bewerbungs-Knopf für das Playtester-Programm.'],
['/devlog-backfill', 'Holt ältere Devlog-Nachrichten nachträglich ins Archiv.'],
['/galerie-backfill', 'Dasselbe für den Screenshot-Kanal.'],
]],
];
export default function BotCommands() {
useEffect(() => { window.scrollTo(0, 0); }, []);
return (
<>
<section className="page-header">
<div className="page-bg-text">BEFEHLE</div>
<div className="page-header-grid" aria-hidden="true" />
<div className="page-header-content">
<div className="page-tag">// Referenz</div>
<h1 className="page-title">Befehle</h1>
<p className="page-subtitle">
Alle Slash-Befehle im Überblick. Vieles läuft zusätzlich über Knöpfe
direkt in den Nachrichten.
</p>
</div>
</section>
<section className="content">
{GROUPS.map(([group, commands]) => (
<div className="roadmap-group" key={group}>
<h2 className="settings-title">
// {group}
{group === 'Moderation' && <IconLock size={13} />}
{group === 'Einrichtung' && <IconLock size={13} />}
</h2>
<div className="cmd-list">
{commands.map(([name, desc]) => (
<div className="cmd-row" key={name}>
<code className="cmd-name">{name}</code>
<span className="cmd-desc">{desc}</span>
</div>
))}
</div>
</div>
))}
<p className="notice">
Moderations- und Einrichtungs-Befehle sind Mitgliedern mit den passenden
Discord-Rechten vorbehalten.
</p>
</section>
</>
);
}