joshuaandClaude Opus 5.5
b1af901d6a
Event cards on the home page and events list get a diagonal "Early bird" ribbon in the top-right corner while an early-bird tier is running and registration is open. GET /api/events returns earlyBirdEndsAt per event. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
42 lines
1.8 KiB
TypeScript
42 lines
1.8 KiB
TypeScript
import React from "react";
|
|
import { Ticket, Tag, Info } from "lucide-react";
|
|
import { GuideItem } from "@/components/shared/GuideItem";
|
|
import type { HelpContent } from "./types";
|
|
|
|
/** Help content for /dashboard/supervisor/event-options. */
|
|
export const supervisorEventOptionsHelpContent: HelpContent = {
|
|
title: "Ticket options",
|
|
subtitle: "A simpler, direct editor for an event's ticket types.",
|
|
quickLinks: [
|
|
{ label: "Manage events", href: "/dashboard/supervisor/events", icon: Ticket },
|
|
],
|
|
tabs: [
|
|
{
|
|
key: "overview",
|
|
label: "Overview",
|
|
icon: Tag,
|
|
content: (
|
|
<div className="space-y-4">
|
|
<p>Pick an event, then edit each option's name, price, and "Main ticket" flag directly in the list — changes save when you click away from the field. Use the form below the list to add a new option.</p>
|
|
<div className="space-y-4">
|
|
<GuideItem icon={Tag} title="Early-bird tiers" tone="amber">
|
|
Expand "Manage early-bird tiers" on an option to add deadline-and-price rows that apply automatically before the cutoff. While a tier is running (before its deadline, with places left), the event's card on the home page and events list shows an "Early bird" ribbon in the top-right corner.
|
|
</GuideItem>
|
|
</div>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
key: "note",
|
|
label: "When to use this",
|
|
icon: Info,
|
|
content: (
|
|
<div className="space-y-4">
|
|
<p>This page is the older, direct-editing view of ticket options. For new events, the Items & Pricing step inside the main event editor covers the same ground and is the preferred place to work.</p>
|
|
<p className="text-xs text-gray-500">Deleting an option is admin-only.</p>
|
|
</div>
|
|
),
|
|
},
|
|
],
|
|
};
|