mirror of
https://github.com/supabase/supabase.git
synced 2026-10-07 10:25:06 +03:00
Ivan VasilovandJoshen Lim
05a542ccea
* Add lucide-react to docs (to make the autocomplete work). * Migrate the docs app icons. * Migrate the ui-patterns. * Remove the old icons from ui package. * Migrate the www app from react-feather icons. * Migrate all of studio icons. * Migrate the only component in design-system. * Fix an old import in ui package. Revert an import in docs app. * Fix some pages in www. * Remove unneeded files used in generation of icons. * Fix a prettier error. * Fix more issues in www. * Fix an issue in Log Date picker. * Replace all string sizes with number sizes because the icons grew in some cases. * Fix more imports in security page. * Fix an extra import. * Remove the size prop from all icons if they're in a button and they match the button size. * Minor fixes for docs and www. --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import { Badge, Button } from 'ui'
|
|
|
|
import { BASE_PATH } from 'lib/constants'
|
|
import { BookOpen, Github } from 'lucide-react'
|
|
|
|
interface ClientLibraryProps {
|
|
language: string
|
|
officialSupport?: boolean
|
|
docsUrl?: string
|
|
gitUrl: string
|
|
altIconName?: string
|
|
}
|
|
|
|
const ClientLibrary = ({
|
|
language,
|
|
officialSupport,
|
|
docsUrl,
|
|
gitUrl,
|
|
altIconName,
|
|
}: ClientLibraryProps) => {
|
|
return (
|
|
<div className="flex items-start space-x-6">
|
|
<img
|
|
src={`${BASE_PATH}/img/libraries/${
|
|
altIconName ? `${altIconName}-icon.svg` : `${language.toLowerCase()}-icon.svg`
|
|
}`}
|
|
alt={`${language} logo`}
|
|
width="21"
|
|
/>
|
|
<div className="space-y-4">
|
|
<div>
|
|
<h5 className="flex items-center gap-2 text-base text-foreground">
|
|
{language} {!officialSupport && <Badge variant="brand">Community</Badge>}
|
|
</h5>
|
|
</div>
|
|
<div className="flex gap-2">
|
|
{docsUrl && (
|
|
<a href={docsUrl} target="_blank" rel="noreferrer">
|
|
<Button icon={<BookOpen />} type="default">
|
|
Docs
|
|
</Button>
|
|
</a>
|
|
)}
|
|
<a href={gitUrl} target="_blank" rel="noreferrer">
|
|
<Button icon={<Github />} type="default">
|
|
See GitHub
|
|
</Button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ClientLibrary
|