notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lint format with Prettier

Browse Source
This commit is contained in:
Antoine Phan
2026-01-11 21:41:40 -05:00
parent 9fc25f3072
commit 4ffa937600
9 changed files with 67 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/event/EBComponents/EventActionButtons.svelte
View File

@@ -2,11 +2,7 @@
import { FilePen, CalendarPlus, Link as LinkIcon } from '@lucide/svelte';
import type { LinkType } from '$lib/schemas';
let {
registrationLink,
paymentLink,
addToCalendar
} = $props<{
let { registrationLink, paymentLink, addToCalendar } = $props<{
registrationLink?: LinkType[] | null;
paymentLink?: LinkType[] | null;
addToCalendar: () => void;
@@ -17,21 +13,23 @@
};
</script>
<div class="space-y-2 pointer-events-auto">
<div class="pointer-events-auto space-y-2">
<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-2">
{#if registrationLink}
<a
href={registrationLink[0].url}
target="_blank"
rel="noopener noreferrer"
class="flex flex-1 items-center justify-center gap-2 rounded-xl bg-ecsess-500 px-4 py-3 text-sm font-bold text-white transition-colors hover:bg-ecsess-600"
class="bg-ecsess-500 hover:bg-ecsess-600 flex flex-1 items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white transition-colors"
onclick={handleClick}
>
<FilePen class="h-4 w-4" strokeWidth={2.5} />
Register
</a>
{:else}
<div class="flex items-center justify-center gap-2 rounded-xl bg-ecsess-700/50 px-4 py-3 text-sm font-bold text-ecsess-300/70 opacity-60">
<div
class="bg-ecsess-700/50 text-ecsess-300/70 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold opacity-60"
>
<FilePen class="h-4 w-4" strokeWidth={2.5} />
Drop In
</div>
@@ -43,7 +41,7 @@
e.stopPropagation();
addToCalendar();
}}
class="flex w-full items-center justify-center gap-2 rounded-xl bg-ecsess-700 px-4 py-3 text-sm font-bold text-white transition-colors hover:bg-ecsess-800"
class="bg-ecsess-700 hover:bg-ecsess-800 flex w-full items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white transition-colors"
>
<CalendarPlus class="h-5 w-5" strokeWidth={2.5} />
Add to Calendar
@@ -54,16 +52,18 @@
href={paymentLink[0].url}
target="_blank"
rel="noopener noreferrer"
class="col-span-2 flex items-center justify-center gap-2 rounded-xl bg-ecsess-800 px-4 py-3 text-sm font-bold text-white transition-colors hover:bg-ecsess-900 sm:col-span-1"
class="bg-ecsess-800 hover:bg-ecsess-900 col-span-2 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white transition-colors sm:col-span-1"
onclick={handleClick}
>
<LinkIcon class="h-4 w-4" strokeWidth={2.5} />
Pay
</a>
{:else}
<div class="col-span-2 flex items-center justify-center gap-2 rounded-xl bg-ecsess-800/50 px-4 py-3 text-sm font-bold text-ecsess-300/70 opacity-60 sm:col-span-1">
<div
class="bg-ecsess-800/50 text-ecsess-300/70 col-span-2 flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold opacity-60 sm:col-span-1"
>
Free!
</div>
{/if}
</div>
</div>
</div>