mirror of
https://github.com/supabase/supabase.git
synced 2026-09-22 13:37:53 +08:00
Danny White
476d4a5851
## What kind of change does this PR introduce? Mechanical cleanup on top of the Button default-variant change (#50160). ## What is the current behavior? Many callsites still pass `variant="default"` even though that is now the component default. ## What is the new behavior? Removes redundant static `variant="default"` from legacy `Button` and `ButtonTooltip` callsites. Keeps explicit defaults where they document the API: - `button-default.tsx` and `button-sizes.tsx` demos - `DocsButton`, which pins neutral styling at the wrapper boundary ## To test Studio: - [Auth → Rate Limits](https://studio-staging-2s957kwc4-supabase.vercel.app/dashboard/project/_/auth/rate-limits): dirty the form so Cancel appears; Cancel stays neutral, Save stays green - [Project Settings → API Keys](https://studio-staging-2s957kwc4-supabase.vercel.app/dashboard/project/_/settings/api-keys): `DocsButton` in the header actions stays neutral Design system: - [Design system → Button](https://design-system-git-dnywh-dc924ac1-supabase.vercel.app/design-system/docs/components/button): `button-default` / `button-sizes` still show explicit default styling; Primary (green) is restricted to the Primary section (and `asChild`) WWW: - [www → Brand assets](https://zone-www-dot-com-git-dnywh-dc924ac1-supabase.vercel.app/brand-assets): Download logo kit / Download button kit stay neutral
37 lines
971 B
TypeScript
37 lines
971 B
TypeScript
import { useFlag, useParams } from 'common'
|
|
import { Wrench } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
|
|
import { ButtonTooltip } from '@/components/ui/ButtonTooltip'
|
|
import { ADMIN_STUDIO_URL, IS_PLATFORM } from '@/lib/constants'
|
|
|
|
export const AdminStudioButton = () => {
|
|
const params = useParams()
|
|
const adminStudioLinkEnabled = useFlag('adminStudioLink')
|
|
|
|
const isVisible = IS_PLATFORM ? adminStudioLinkEnabled : false
|
|
|
|
if (!isVisible || !ADMIN_STUDIO_URL || !params.ref) return null
|
|
|
|
return (
|
|
<ButtonTooltip
|
|
asChild
|
|
className="rounded-full w-[26px] h-[26px]"
|
|
icon={<Wrench size={16} strokeWidth={1.5} />}
|
|
tooltip={{
|
|
content: {
|
|
text: 'Open in Admin Studio',
|
|
side: 'bottom',
|
|
align: 'center',
|
|
},
|
|
}}
|
|
>
|
|
<Link
|
|
href={`${ADMIN_STUDIO_URL}?identifier=${params.ref}`}
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
/>
|
|
</ButtonTooltip>
|
|
)
|
|
}
|