Disable Multigres/Oriole/Supasquad brand options, keep only Supabase active

These brands use placeholder colors and have no real uploaded assets yet
(confirmed today's Partner logos bug traced back to this). Rather than
removing them outright, added disabled/title support to Segmented so they
stay visible (greyed out, "Coming soon") but aren't selectable — easy to
re-enable per-brand once each has real brand guidelines and assets.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
ShaneandClaude Sonnet 5 committed 2026-07-16 17:39:03 -05:00
1 parent 2fa0c2f15f
commit f412cdaa0e
1 file changed
+15 -6
+15 -6
View File
@@ -121,7 +121,7 @@ function Segmented<T extends string>({
onChange,
}: {
value: T
options: { value: T; label: string }[]
options: { value: T; label: string; disabled?: boolean; title?: string }[]
onChange: (v: T) => void
}) {
return (
@@ -129,11 +129,15 @@ function Segmented<T extends string>({
{options.map((o) => (
<button
key={o.value}
onClick={() => onChange(o.value)}
onClick={() => !o.disabled && onChange(o.value)}
disabled={o.disabled}
title={o.title}
className={`rounded px-2.5 py-1 text-xs ${
value === o.value
? 'bg-surface-300 text-foreground'
: 'text-foreground-light hover:text-foreground'
o.disabled
? 'cursor-not-allowed text-foreground-lighter opacity-50'
: value === o.value
? 'bg-surface-300 text-foreground'
: 'text-foreground-light hover:text-foreground'
}`}
>
{o.label}
@@ -1204,7 +1208,12 @@ export default function Page() {
<Segmented
value={brandId}
onChange={setBrandId}
options={BRAND_OPTIONS.map((b) => ({ value: b.id, label: b.label }))}
options={BRAND_OPTIONS.map((b) => ({
value: b.id,
label: b.label,
disabled: b.id !== DEFAULT_BRAND_ID,
title: b.id !== DEFAULT_BRAND_ID ? 'Coming soon' : undefined,
}))}
/>
</div>
<div className="flex flex-col gap-2">