diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index a4ea3a2..c590eac 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -39,7 +39,13 @@ const Social_Links = [ // Only the label differs down here. const giveAction = NAV_ACTIONS.find((a) => a.variant === "fancy"); -const Get_In_Touch = [ +/* An internal route, or an off-site address opened in a new tab. */ +type TouchLink = { label: string } & ( + | { external?: false; to: string } + | { external: true; href: string } +); + +const Get_In_Touch: TouchLink[] = [ { label: "Feedback", to: "/feedback"}, { label: "Contact Us", to: "/leadership#contact" }, ]; diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 521ac5e..e86a431 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -300,7 +300,7 @@ export default function Home() { className="rounded-3xl text-black overflow-hidden shadow-2xl h-full" style={{ border: `1px solid ${color}`, - background: ev.gradient, + background: ev.gradient ?? undefined, filter: past ? "saturate(0.75)" : "none", pointerEvents: active ? "auto" : "none", }} diff --git a/src/pages/sections/EventList-Cards.tsx b/src/pages/sections/EventList-Cards.tsx index 9e159f2..927900b 100644 --- a/src/pages/sections/EventList-Cards.tsx +++ b/src/pages/sections/EventList-Cards.tsx @@ -199,7 +199,7 @@ export function Card({ const igHandle = ev.instagram || null; const igUrl = igHandle ? `https://instagram.com/${igHandle.replace(/^@/, "")}` - : null; + : undefined; /* Off unless the caller says the band is mixed. A "Retreat" badge on every card in a row of nothing but retreats is noise, and diff --git a/src/react-css.d.ts b/src/react-css.d.ts new file mode 100644 index 0000000..5bd7c94 --- /dev/null +++ b/src/react-css.d.ts @@ -0,0 +1,13 @@ +/* CSS custom properties set through a `style` prop. React's + CSSProperties only knows the standard ones, so each variable the + site sets inline is declared here once rather than cast at every + use. */ + +import "react"; + +declare module "react" { + interface CSSProperties { + /** The Instagram icon's hover fill; read by .ig-icon in index.css. */ + "--ig-fill"?: string; + } +}