mirror of
https://github.com/supabase/supabase.git
synced 2026-05-08 09:50:33 -04:00
Ivan Vasilov
56de26fe22
This PR migrates the whole monorepo to use Tailwind v4: - Removed `@tailwindcss/container-queries` plugin since it's included by default in v4, - Bump all instances of Tailwind to v4. Made minimal changes to the shared config to remove non-supported features (`alpha` mentions), - Migrate all apps to be compatible with v4 configs, - Fix the `typography.css` import in 3 apps, - Add missing rules which were included by default in v3, - Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot of classes - Rename all misnamed classes according to https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all apps. --------- Co-authored-by: Jordi Enric <jordi.err@gmail.com>
58 lines
3.2 KiB
TypeScript
58 lines
3.2 KiB
TypeScript
import Link from 'next/link'
|
|
import { Button } from 'ui'
|
|
import SectionContainer from './Layouts/SectionContainer'
|
|
import { useSendTelemetryEvent } from '~/lib/telemetry'
|
|
import { kFormatter } from '~/lib/helpers'
|
|
import staticContent from '.generated/staticContent/_index.json'
|
|
|
|
const OpenSourceSection = () => {
|
|
const sendTelemetryEvent = useSendTelemetryEvent()
|
|
|
|
return (
|
|
<SectionContainer className="w-full text-center flex flex-col items-center">
|
|
<h2 className="h2">Open source from day one</h2>
|
|
<p className="p max-w-xl">
|
|
Supabase is built in the open because we believe great developer tools should be
|
|
transparent, inspectable, and owned by the community. Read, contribute, self-host. You're
|
|
never locked in, and always in control.
|
|
</p>
|
|
<div className="mt-8 flex flex-col items-center gap-2">
|
|
<Button
|
|
icon={
|
|
<svg viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
fillRule="evenodd"
|
|
clipRule="evenodd"
|
|
d="M8.5 2.22168C5.23312 2.22168 2.58496 4.87398 2.58496 8.14677C2.58496 10.7642 4.27962 12.9853 6.63026 13.7684C6.92601 13.8228 7.03366 13.6401 7.03366 13.4827C7.03366 13.3425 7.02893 12.9693 7.02597 12.4754C5.38041 12.8333 5.0332 11.681 5.0332 11.681C4.76465 10.996 4.37663 10.8139 4.37663 10.8139C3.83954 10.4471 4.41744 10.4542 4.41744 10.4542C5.01072 10.4956 5.32303 11.0647 5.32303 11.0647C5.85065 11.9697 6.70774 11.7082 7.04431 11.5568C7.09873 11.1741 7.25134 10.9132 7.42051 10.7654C6.10737 10.6157 4.72621 10.107 4.72621 7.83683C4.72621 7.19031 4.95689 6.66092 5.33486 6.24686C5.27394 6.09721 5.07105 5.49447 5.39283 4.67938C5.39283 4.67938 5.88969 4.51967 7.01947 5.28626C7.502 5.15466 7.99985 5.08763 8.5 5.08692C9.00278 5.08929 9.50851 5.15495 9.98113 5.28626C11.1103 4.51967 11.606 4.67879 11.606 4.67879C11.9289 5.49447 11.7255 6.09721 11.6651 6.24686C12.0437 6.66092 12.2732 7.19031 12.2732 7.83683C12.2732 10.1129 10.8897 10.6139 9.5724 10.7606C9.78475 10.9434 9.97344 11.3048 9.97344 11.8579C9.97344 12.6493 9.96634 13.2887 9.96634 13.4827C9.96634 13.6413 10.0728 13.8258 10.3733 13.7678C11.5512 13.3728 12.5751 12.6175 13.3003 11.6089C14.0256 10.6002 14.4155 9.38912 14.415 8.14677C14.415 4.87398 11.7663 2.22168 8.5 2.22168Z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
}
|
|
asChild
|
|
size="small"
|
|
type="default"
|
|
className="pl-2.5!"
|
|
>
|
|
<Link
|
|
href="https://github.com/supabase"
|
|
target="_blank"
|
|
className="inline-flex items-center"
|
|
onClick={() => sendTelemetryEvent({ action: 'homepage_github_button_clicked' })}
|
|
>
|
|
<span className="font-medium">@supabase</span>
|
|
{staticContent.githubStars != null && (
|
|
<>
|
|
<span className="border-l border-foreground-muted mx-2"></span>
|
|
<span className="font-medium text-sm">{kFormatter(staticContent.githubStars)}</span>
|
|
</>
|
|
)}
|
|
</Link>
|
|
</Button>
|
|
<span className="text-foreground-lighter text-xs">Top 100 GitHub repos</span>
|
|
</div>
|
|
</SectionContainer>
|
|
)
|
|
}
|
|
|
|
export default OpenSourceSection
|