mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 18:05:11 +03: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
57 lines
2.0 KiB
TypeScript
57 lines
2.0 KiB
TypeScript
import SectionContainer from '~/components/Layouts/SectionContainer'
|
|
import Examples from 'data/Examples'
|
|
import Link from 'next/link'
|
|
import { Button, cn, IconGitHubSolid } from 'ui'
|
|
|
|
import ExampleCard from '../ExampleCard'
|
|
import ExamplesMobile from './ExamplesMobile'
|
|
|
|
const BuiltWithSupabase = () => {
|
|
return (
|
|
<>
|
|
<SectionContainer id="examples" className="pb-0!">
|
|
<div className="text-center flex flex-col items-center">
|
|
<h3 className="h2">Start building in seconds</h3>
|
|
<p className="p max-w-[300px] md:max-w-none">
|
|
Kickstart your next project with templates built by us and our community.
|
|
</p>
|
|
<div className="flex justify-center gap-2 py-4">
|
|
<Button asChild size="small" className="h-full">
|
|
<Link href="/docs/guides/examples">View all examples</Link>
|
|
</Button>
|
|
<Button
|
|
asChild
|
|
icon={<IconGitHubSolid size="tiny" className="w-full! h-full!" />}
|
|
size="small"
|
|
>
|
|
<Link href="https://github.com/supabase/supabase/tree/master/examples">
|
|
Official GitHub library
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</SectionContainer>
|
|
<SectionContainer className="relative w-full px-0! lg:px-12! xl:px-24! pb-0! mb-16 md:mb-12 lg:mb-12 pt-6!">
|
|
<ExamplesMobile examples={Examples.slice(0, 6)} className="lg:hidden" />
|
|
<div className="hidden lg:grid grid-cols-12 gap-5 mt-4">
|
|
{Examples.slice(0, 6).map((example, i) => {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'col-span-12 h-full lg:col-span-6 xl:col-span-4',
|
|
'flex items-stretch'
|
|
)}
|
|
key={i}
|
|
>
|
|
<ExampleCard {...example} showProducts inHomepage />
|
|
</div>
|
|
)
|
|
})}
|
|
</div>
|
|
</SectionContainer>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default BuiltWithSupabase
|