Mike/Kordant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix stripe configuration

Browse Source
This commit is contained in:
Michael Freno
2026-05-26 13:47:43 -04:00
parent 72609755f8
commit 3bcbdae678
35 changed files with 1189 additions and 1727 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
web/src/components/layout/Navbar.tsx
View File

@@ -143,7 +143,7 @@ function RealtimeIndicator() {
<button
type="button"
onClick={clearUnread}
class="relative flex items-center justify-center w-6 h-6 rounded-full bg-[var(--color-error)] text-white text-[10px] font-bold leading-none transition-transform hover:scale-110"
class="relative flex items-center justify-center w-6 h-6 rounded-full bg-(--color-error) text-white text-[10px] font-bold leading-none transition-transform hover:scale-110"
aria-label={`${unreadCount()} unread alerts`}
>
{unreadCount() > 99 ? "99+" : unreadCount()}
@@ -152,17 +152,24 @@ function RealtimeIndicator() {
<Show
when={connectionStatus() === "connected"}
fallback={
connectionStatus() === "reconnecting" || connectionStatus() === "connecting" ? (
<div class="flex items-center gap-1 text-[10px] text-[var(--color-warning)]" aria-label="Reconnecting">
connectionStatus() === "reconnecting" ||
connectionStatus() === "connecting" ? (
<div
class="flex items-center gap-1 text-[10px] text-(--color-warning)"
aria-label="Reconnecting"
>
<span class="relative flex h-2 w-2">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-[var(--color-warning)] opacity-75" />
<span class="relative inline-flex rounded-full h-2 w-2 bg-[var(--color-warning)]" />
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-(--color-warning) opacity-75" />
<span class="relative inline-flex rounded-full h-2 w-2 bg-(--color-warning)" />
</span>
<span class="hidden sm:inline">Reconnecting</span>
</div>
) : (
<div class="flex items-center gap-1 text-[10px] text-[var(--color-text-muted)]" aria-label="Offline">
<span class="inline-flex rounded-full h-2 w-2 bg-[var(--color-text-muted)]" />
<div
class="flex items-center gap-1 text-[10px] text-(--color-text-muted)"
aria-label="Offline"
>
<span class="inline-flex rounded-full h-2 w-2 bg-(--color-text-muted)" />
<span class="hidden sm:inline">Offline</span>
</div>
)
@@ -170,8 +177,8 @@ function RealtimeIndicator() {
>
<div class="flex items-center gap-1" aria-label="Connected">
<span class="relative flex h-2 w-2">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-[var(--color-success)] opacity-75" />
<span class="relative inline-flex rounded-full h-2 w-2 bg-[var(--color-success)]" />
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-(--color-success) opacity-75" />
<span class="relative inline-flex rounded-full h-2 w-2 bg-(--color-success)" />
</span>
</div>
</Show>
@@ -197,7 +204,11 @@ export default function Navbar() {
return location.pathname.startsWith(href);
};
const NavLink = (props: { href: string; label: string; mobile?: boolean }) => (
const NavLink = (props: {
href: string;
label: string;
mobile?: boolean;
}) => (
<A
href={props.href}
class={cn(
@@ -205,9 +216,11 @@ export default function Navbar() {
? "block px-3 py-2 rounded-lg text-base font-medium transition-colors"
: "text-sm font-medium transition-colors",
isActive(props.href)
? "text-[var(--color-text-primary)]"
? "text-text-primary"
: "text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]",
props.mobile && !isActive(props.href) && "hover:bg-[var(--color-bg-secondary)]",
props.mobile &&
!isActive(props.href) &&
"hover:bg-[var(--color-bg-secondary)]",
)}
onClick={() => props.mobile && setMobileOpen(false)}
>
@@ -234,10 +247,14 @@ export default function Navbar() {
<div class="hidden md:flex items-center gap-6">
<SignedOut>
{marketingLinks.map(link => <NavLink href={link.href} label={link.label} />)}
{marketingLinks.map((link) => (
<NavLink href={link.href} label={link.label} />
))}
</SignedOut>
<SignedIn>
{productLinks.map(link => <NavLink href={link.href} label={link.label} />)}
{productLinks.map((link) => (
<NavLink href={link.href} label={link.label} />
))}
</SignedIn>
</div>
@@ -263,7 +280,7 @@ export default function Navbar() {
type="button"
aria-label="Toggle menu"
class="p-2 rounded-lg text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]"
onClick={() => setMobileOpen(v => !v)}
onClick={() => setMobileOpen((v) => !v)}
>
<Show
when={mobileOpen()}
@@ -304,12 +321,12 @@ export default function Navbar() {
<div class="md:hidden glass border-t border-[var(--color-border)]">
<div class="px-4 py-4 space-y-1">
<SignedOut>
{marketingLinks.map(link => (
{marketingLinks.map((link) => (
<NavLink href={link.href} label={link.label} mobile />
))}
</SignedOut>
<SignedIn>
{productLinks.map(link => (
{productLinks.map((link) => (
<NavLink href={link.href} label={link.label} mobile />
))}
</SignedIn>