dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-05 17:35:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

ran prettier

Browse Source
This commit is contained in:
Ollie Halliday committed 2022-06-18 14:23:53 +01:00
1 parent f949ea82a0
commit 41e4c824d1
2 files changed
+55 -56
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/src/components/Sponsors.js
+29 -34
View File
@@ -1,71 +1,66 @@
import React from 'react'
import sponsors from '@site/src/data/sponsors.json'
export default function Sponsors() {
const tiers = [
{
tier_name: '$5,000 a month',
heading: 'Enterprise: $5,000 per month',
transactions: sponsors.filter((x) => (x.tier == '$5,000 a month')),
transactions: sponsors.filter((x) => x.tier == '$5,000 a month'),
},
{
tier_name: '$2,500 a month',
heading: 'Agency: $2,500 per month',
transactions: sponsors.filter((x) => (x.tier == '$2,500 a month')),
transactions: sponsors.filter((x) => x.tier == '$2,500 a month'),
},
{
tier_name: '$1,000 a month',
heading: 'Startup: $1,000 per month',
transactions: sponsors.filter((x) => (x.tier == '$1,000 a month')),
transactions: sponsors.filter((x) => x.tier == '$1,000 a month'),
},
{
tier_name: '$49 a month',
heading: 'Evangelist: $49 per month',
transactions: sponsors.filter((x) => (x.tier == '$49 a month')),
transactions: sponsors.filter((x) => x.tier == '$49 a month'),
},
{
tier_name: '$19 a month',
heading: 'Supporter: $19 per month',
transactions: sponsors.filter((x) => (x.tier == '$19 a month')),
transactions: sponsors.filter((x) => x.tier == '$19 a month'),
},
{
tier_name: '$5 a month',
heading: 'Contributor: $5 per month',
transactions: sponsors.filter((x) => (x.tier == '$5 a month')),
transactions: sponsors.filter((x) => x.tier == '$5 a month'),
},
]
return (
<div >
{tiers.map(
(t,index) =>
!!t.transactions.length && (
<div key={index}>
<h4 className="">{t.heading}</h4>
<div className="row is-multiline" style={{ paddingLeft: 15 }}>
{t.transactions.map((x, index) => (
<div className="col col--4" key={index}>
<a className="avatar" href={`https://github.com/${x.sponsor}`}>
<img
className="avatar__photo avatar__photo--sm"
src={`https://github.com/${x.sponsor}.png`}
/>
<div className="avatar__intro">
<h5 className="avatar__name" >{x.sponsor}</h5>
</div>
</a>
<div>
{tiers.map(
(t, index) =>
!!t.transactions.length && (
<div key={index}>
<h4 className="">{t.heading}</h4>
<div className="row is-multiline" style={{ paddingLeft: 15 }}>
{t.transactions.map((x, index) => (
<div className="col col--4" key={index}>
<a className="avatar" href={`https://github.com/${x.sponsor}`}>
<img
className="avatar__photo avatar__photo--sm"
src={`https://github.com/${x.sponsor}.png`}
/>
<div className="avatar__intro">
<h5 className="avatar__name">{x.sponsor}</h5>
</div>
))}
</a>
</div>
<br />
</div>
)
)}
))}
</div>
<br />
</div>
)
)}
</div>
)
}
web/src/pages/oss.js
+26 -22
View File
@@ -1,5 +1,5 @@
import React from 'react'
import { Octokit } from "@octokit/core"
import { Octokit } from '@octokit/core'
import Layout from '@theme/Layout'
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
import sponsors from '../data/sponsors.json'
@@ -9,7 +9,7 @@ import GithubCard from '../components/GithubCard'
import Sponsors from '../components/Sponsors'
export default function Oss() {
const octokit = new Octokit();
const octokit = new Octokit()
const [activePill, setActivePill] = React.useState('All')
const [repos, setRepos] = React.useState([])
@@ -24,14 +24,18 @@ export default function Oss() {
const maintainerPills = ['All'].concat(maintainerTags)
React.useEffect(async () => {
const reposResponse = await octokit.request("GET /orgs/{org}/repos", {
org: "supabase",
type: "public",
const reposResponse = await octokit.request('GET /orgs/{org}/repos', {
org: 'supabase',
type: 'public',
per_page: 6,
page: 1
});
page: 1,
})
setRepos(reposResponse.data.filter((r) => !!r.stargazers_count).sort((a, b) => b.stargazers_count - a.stargazers_count))
setRepos(
reposResponse.data
.filter((r) => !!r.stargazers_count)
.sort((a, b) => b.stargazers_count - a.stargazers_count)
)
})
return (
@@ -63,7 +67,7 @@ export default function Oss() {
<div className="container">
<h2>Community Maintainers</h2>
<ul style={{overflow: "auto"}} className="pills">
<ul style={{ overflow: 'auto' }} className="pills">
{maintainerPills.map((x) => (
<li
key={x}
@@ -105,19 +109,19 @@ export default function Oss() {
<div className="container">
<h2>Repositories</h2>
<div className="row is-multiline">
{repos.length < 1 && <div>
</div>}
{repos.length >= 1 && repos.map((props, idx) => (
<div className={'col col--6'} key={idx}>
<GithubCard
title={props.name}
description={props.description}
href={props.html_url}
stars={props.stargazers_count}
handle={props.full_name}
/>
</div>
))}
{repos.length < 1 && <div></div>}
{repos.length >= 1 &&
repos.map((props, idx) => (
<div className={'col col--6'} key={idx}>
<GithubCard
title={props.name}
description={props.description}
href={props.html_url}
stars={props.stargazers_count}
handle={props.full_name}
/>
</div>
))}
</div>
</div>
</section>