diff --git a/src/routes/[orgSlug]/events/[eventSlug]/+layout.svelte b/src/routes/[orgSlug]/events/[eventSlug]/+layout.svelte
index 006bbde..702a6bb 100644
--- a/src/routes/[orgSlug]/events/[eventSlug]/+layout.svelte
+++ b/src/routes/[orgSlug]/events/[eventSlug]/+layout.svelte
@@ -3,6 +3,7 @@
import { Avatar } from "$lib/components/ui";
import type { Snippet } from "svelte";
import type { Event, EventMember } from "$lib/api/events";
+ import * as m from "$lib/paraglide/messages";
interface Props {
data: {
@@ -30,43 +31,43 @@
const modules = $derived([
{
href: basePath,
- label: "Overview",
+ label: m.events_overview(),
icon: "dashboard",
exact: true,
},
{
href: `${basePath}/tasks`,
- label: "Tasks",
+ label: m.events_mod_tasks(),
icon: "task_alt",
},
{
href: `${basePath}/files`,
- label: "Files",
+ label: m.events_mod_files(),
icon: "folder",
},
{
href: `${basePath}/schedule`,
- label: "Schedule",
+ label: m.events_mod_schedule(),
icon: "calendar_today",
},
{
href: `${basePath}/budget`,
- label: "Budget",
+ label: m.events_mod_budget(),
icon: "account_balance_wallet",
},
{
href: `${basePath}/guests`,
- label: "Guests",
+ label: m.events_mod_guests(),
icon: "groups",
},
{
href: `${basePath}/team`,
- label: "Team",
+ label: m.events_mod_team(),
icon: "badge",
},
{
href: `${basePath}/sponsors`,
- label: "Sponsors",
+ label: m.events_mod_sponsors(),
icon: "handshake",
},
]);
@@ -155,7 +156,7 @@
- Team ({data.eventMembers.length})
+ {m.events_team_count({ count: String(data.eventMembers.length) })}
{#each data.eventMembers.slice(0, 8) as member}
@@ -189,7 +190,7 @@
style="font-size: 16px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 16;"
>arrow_back
- All Events
+ {m.events_all_events()}
diff --git a/src/routes/[orgSlug]/events/[eventSlug]/+page.svelte b/src/routes/[orgSlug]/events/[eventSlug]/+page.svelte
index 619c30a..a2832a3 100644
--- a/src/routes/[orgSlug]/events/[eventSlug]/+page.svelte
+++ b/src/routes/[orgSlug]/events/[eventSlug]/+page.svelte
@@ -6,6 +6,7 @@
import type { Database } from "$lib/supabase/types";
import { toasts } from "$lib/stores/ui";
import type { Event, EventMember } from "$lib/api/events";
+ import * as m from "$lib/paraglide/messages";
interface Props {
data: {
@@ -63,74 +64,74 @@
`/${data.org.slug}/events/${data.event.slug}`,
);
- const statusOptions = [
- { value: "planning", label: "Planning", icon: "edit_note", color: "text-amber-400" },
- { value: "active", label: "Active", icon: "play_circle", color: "text-emerald-400" },
- { value: "completed", label: "Completed", icon: "check_circle", color: "text-blue-400" },
- { value: "archived", label: "Archived", icon: "archive", color: "text-light/40" },
- ];
+ const statusOptions = $derived([
+ { value: "planning", label: m.events_status_planning(), icon: "edit_note", color: "text-amber-400" },
+ { value: "active", label: m.events_status_active(), icon: "play_circle", color: "text-emerald-400" },
+ { value: "completed", label: m.events_status_completed(), icon: "check_circle", color: "text-blue-400" },
+ { value: "archived", label: m.events_status_archived(), icon: "archive", color: "text-light/40" },
+ ]);
const moduleCards = $derived([
{
href: `${basePath}/tasks`,
- label: "Tasks",
+ label: m.events_mod_tasks(),
icon: "task_alt",
- description: "Manage tasks, milestones, and progress",
+ description: m.events_mod_tasks_desc(),
color: "text-emerald-400",
bg: "bg-emerald-400/10",
},
{
href: `${basePath}/files`,
- label: "Files",
+ label: m.events_mod_files(),
icon: "folder",
- description: "Documents, contracts, and media",
+ description: m.events_mod_files_desc(),
color: "text-blue-400",
bg: "bg-blue-400/10",
},
{
href: `${basePath}/schedule`,
- label: "Schedule",
+ label: m.events_mod_schedule(),
icon: "calendar_today",
- description: "Event timeline and program",
+ description: m.events_mod_schedule_desc(),
color: "text-purple-400",
bg: "bg-purple-400/10",
},
{
href: `${basePath}/budget`,
- label: "Budget",
+ label: m.events_mod_budget(),
icon: "account_balance_wallet",
- description: "Income, expenses, and tracking",
+ description: m.events_mod_budget_desc(),
color: "text-amber-400",
bg: "bg-amber-400/10",
},
{
href: `${basePath}/guests`,
- label: "Guests",
+ label: m.events_mod_guests(),
icon: "groups",
- description: "Guest list and registration",
+ description: m.events_mod_guests_desc(),
color: "text-pink-400",
bg: "bg-pink-400/10",
},
{
href: `${basePath}/team`,
- label: "Team",
+ label: m.events_mod_team(),
icon: "badge",
- description: "Team members and shift scheduling",
+ description: m.events_mod_team_desc(),
color: "text-teal-400",
bg: "bg-teal-400/10",
},
{
href: `${basePath}/sponsors`,
- label: "Sponsors",
+ label: m.events_mod_sponsors(),
icon: "handshake",
- description: "Sponsors, partners, and deliverables",
+ description: m.events_mod_sponsors_desc(),
color: "text-orange-400",
bg: "bg-orange-400/10",
},
]);
function formatDate(dateStr: string | null): string {
- if (!dateStr) return "Not set";
+ if (!dateStr) return m.events_not_set();
return new Date(dateStr).toLocaleDateString(undefined, {
weekday: "short",
month: "long",
@@ -146,10 +147,10 @@
const diff = Math.ceil(
(start.getTime() - now.getTime()) / (1000 * 60 * 60 * 24),
);
- if (diff < 0) return `${Math.abs(diff)} days ago`;
- if (diff === 0) return "Today!";
- if (diff === 1) return "Tomorrow";
- return `In ${diff} days`;
+ if (diff < 0) return m.events_days_ago({ count: String(Math.abs(diff)) });
+ if (diff === 0) return m.events_today();
+ if (diff === 1) return m.events_tomorrow();
+ return m.events_in_days({ count: String(diff) });
}
async function handleSave() {
@@ -171,7 +172,7 @@
if (error) throw error;
- toasts.success("Event updated");
+ toasts.success(m.events_updated());
editing = false;
// Refresh the page data
goto(`/${data.org.slug}/events/${data.event.slug}`, {
@@ -194,7 +195,7 @@
if (error) throw error;
- toasts.success("Event deleted");
+ toasts.success(m.events_deleted());
goto(`/${data.org.slug}/events`);
} catch (e: any) {
toasts.error(e.message || "Failed to delete event");
@@ -299,7 +300,7 @@
class="px-3 py-1.5 text-body-sm text-light/60 hover:text-white transition-colors"
onclick={() => (editing = false)}
>
- Cancel
+ {m.btn_cancel()}
{:else}
@@ -388,7 +389,7 @@
{/if}
-
Modules
+
{m.events_modules()}
@@ -421,7 +422,7 @@
- Event Details
+ {m.events_details()}
@@ -432,7 +433,7 @@
>
- Start Date
+ {m.events_start_date()}
{formatDate(data.event.start_date)}
@@ -446,7 +447,7 @@
>event
-
End Date
+
{m.events_end_date()}
{formatDate(data.event.end_date)}
@@ -460,7 +461,7 @@
>location_on
-
Venue
+
{m.events_venue()}
{data.event.venue_name}
@@ -479,12 +480,12 @@
- Team ({data.eventMembers.length})
+ {m.events_team_count({ count: String(data.eventMembers.length) })}
Manage{m.events_team_manage()}
@@ -518,12 +519,12 @@
href="{basePath}/team"
class="text-body-sm text-primary hover:underline text-center pt-1"
>
- +{data.eventMembers.length - 6} more
+ {m.events_more_members({ count: String(data.eventMembers.length - 6) })}
{/if}
{#if data.eventMembers.length === 0}
- No team members assigned yet
+ {m.events_team_empty()}
{/if}
@@ -543,17 +544,14 @@
e.target === e.currentTarget && (showDeleteConfirm = false)}
role="dialog"
aria-modal="true"
- aria-label="Delete Event"
+ aria-label={m.events_delete_title()}
>
-
Delete Event?
+
{m.events_delete_title()}
- This will permanently delete {data.event.name}
- and all its data. This action cannot be undone.
+ {m.events_delete_desc({ name: data.event.name })}