Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 00:32:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: use correct names on tooltip

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-08-15 09:17:51 +00:00
committed by Mythie
parent b3a52c4aec
commit d59045c419
3 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/marketing/src/app/(marketing)/open/gh-forks.tsx
View File

@ -15,7 +15,7 @@ export const GithubForks = ({ className, data, ...props }: GithubForksProps) =>
const formattedData = Object.keys(data) const formattedData = Object.keys(data)
.map((key) => ({ .map((key) => ({
month: formatMonth(key), month: formatMonth(key),
stars: data[key].forks, forks: data[key].forks,
})) }))
.reverse(); .reverse();
@ -24,18 +24,18 @@ export const GithubForks = ({ className, data, ...props }: GithubForksProps) =>
<h3 className="px-4 text-lg font-semibold">Github: Forks</h3> <h3 className="px-4 text-lg font-semibold">Github: Forks</h3>
<div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow"> <div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow">
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={300}>
<BarChart data={formattedData} margin={{ top: 40, right: 40, bottom: 20, left: 40 }}> <BarChart data={formattedData} margin={{ top: 40, right: 20 }}>
<XAxis dataKey="month" /> <XAxis dataKey="month" />
<YAxis /> <YAxis />
<Tooltip <Tooltip
itemStyle={{ itemStyle={{
color: 'hsl(var(--primary-foreground))', color: 'hsl(var(--primary-foreground))',
}} }}
formatter={(value) => [Number(value), 'Stars']} formatter={(value) => [Number(value), 'Forks']}
cursor={{ fill: 'hsl(var(--primary) / 10%)' }} cursor={{ fill: 'hsl(var(--primary) / 10%)' }}
/> />
<Bar dataKey="stars" fill="hsl(var(--primary))" label="Stars" /> <Bar dataKey="forks" fill="hsl(var(--primary))" label="Forks" />
</BarChart> </BarChart>
</ResponsiveContainer> </ResponsiveContainer>
</div> </div>

10
apps/marketing/src/app/(marketing)/open/gh-merged-prs.tsx
View File

@ -15,7 +15,7 @@ export const GithubMergedPrs = ({ className, data, ...props }: GithubMergedPrsPr
const formattedData = Object.keys(data) const formattedData = Object.keys(data)
.map((key) => ({ .map((key) => ({
month: formatMonth(key), month: formatMonth(key),
stars: data[key].mergedPRs, mergedPRs: data[key].mergedPRs,
})) }))
.reverse(); .reverse();
@ -24,18 +24,18 @@ export const GithubMergedPrs = ({ className, data, ...props }: GithubMergedPrsPr
<h3 className="px-4 text-lg font-semibold">Github: Merged PRs</h3> <h3 className="px-4 text-lg font-semibold">Github: Merged PRs</h3>
<div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow"> <div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow">
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={300}>
<BarChart data={formattedData} margin={{ top: 40, right: 40, bottom: 20, left: 40 }}> <BarChart data={formattedData} margin={{ top: 40, right: 20 }}>
<XAxis dataKey="month" /> <XAxis dataKey="month" />
<YAxis /> <YAxis />
<Tooltip <Tooltip
itemStyle={{ itemStyle={{
color: 'hsl(var(--primary-foreground))', color: 'hsl(var(--primary-foreground))',
}} }}
formatter={(value) => [Number(value), 'Stars']} formatter={(value) => [Number(value), 'Merged PRs']}
cursor={{ fill: 'hsl(var(--primary) / 10%)' }} cursor={{ fill: 'hsl(var(--primary) / 10%)' }}
/> />
<Bar dataKey="stars" fill="hsl(var(--primary))" label="Stars" /> <Bar dataKey="mergedPRs" fill="hsl(var(--primary))" label="Merged PRs" />
</BarChart> </BarChart>
</ResponsiveContainer> </ResponsiveContainer>
</div> </div>

10
apps/marketing/src/app/(marketing)/open/gh-open-issues.tsx
View File

@ -15,7 +15,7 @@ export const GithubOpenIssues = ({ className, data, ...props }: GithubOpenIssues
const formattedData = Object.keys(data) const formattedData = Object.keys(data)
.map((key) => ({ .map((key) => ({
month: formatMonth(key), month: formatMonth(key),
stars: data[key].openIssues, openIssues: data[key].openIssues,
})) }))
.reverse(); .reverse();
@ -24,18 +24,18 @@ export const GithubOpenIssues = ({ className, data, ...props }: GithubOpenIssues
<h3 className="px-4 text-lg font-semibold">Github: Open Issues</h3> <h3 className="px-4 text-lg font-semibold">Github: Open Issues</h3>
<div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow"> <div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow">
<ResponsiveContainer width="100%" height={400}> <ResponsiveContainer width="100%" height={300}>
<BarChart data={formattedData} margin={{ top: 40, right: 40, bottom: 20, left: 40 }}> <BarChart data={formattedData} margin={{ top: 40, right: 20 }}>
<XAxis dataKey="month" /> <XAxis dataKey="month" />
<YAxis /> <YAxis />
<Tooltip <Tooltip
itemStyle={{ itemStyle={{
color: 'hsl(var(--primary-foreground))', color: 'hsl(var(--primary-foreground))',
}} }}
formatter={(value) => [Number(value), 'Stars']} formatter={(value) => [Number(value), 'Open Issues']}
cursor={{ fill: 'hsl(var(--primary) / 10%)' }} cursor={{ fill: 'hsl(var(--primary) / 10%)' }}
/> />
<Bar dataKey="stars" fill="hsl(var(--primary))" label="Stars" /> <Bar dataKey="openIssues" fill="hsl(var(--primary))" label="Open Issues" />
</BarChart> </BarChart>
</ResponsiveContainer> </ResponsiveContainer>
</div> </div>